/* Bridge AI IDE - Design Tokens */
/* LIGHT MODE ONLY */

:root {
  /* Core colors */
  --bg: #ffffff;
  --bg-alt: #f8f9fa;
  --panel: #f1f3f4;
  --panel-lighter: #e8eaed;
  --text: #202124;
  --text-bright: #000000;
  --muted: #5f6368;
  --border: #dadce0;
  --accent: #1a73e8;

  /* Status colors */
  --success: #188038;
  --error: #d93025;
  --warning: #e37400;

  /* AI colors */
  --ai-bg: #e8f0fe;
  --user-bg: #f1f3f4;
  --ai-gradient: linear-gradient(135deg, rgba(26, 115, 232, 0.12), rgba(26, 115, 232, 0.04));

  /* Status indicators */
  --dot-active: #188038;
  --dot-inactive: #9aa0a6;
  --dot-warning: #e37400;

  /* Typography */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", "Fira Code", "Roboto Mono", "SF Mono", "Monaco", "Consolas", monospace;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;

  /* Border radius */
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 6px;

  /* Layout dimensions */
  --status-bar-height: 40px;
  --console-height: 120px;
  --chat-width: 380px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.15);
}