/* Design Tokens — mockup integration layer
 * Source of truth for the new design system.
 * Existing main.css hardcoded values are NOT changed — gradual migration.
 * New components should use these variables instead of raw hex values.
 */

:root {
  --bg: #F6F5F1;
  --surface: #FFFFFF;
  --surface-alt: #F0EFEB;
  --border: #E2E0DA;
  --border-focus: #B8B5AC;
  --text: #1A1A18;
  --text-secondary: #6B6961;
  --text-muted: #9C9A91;
  --green: #1B8C5A;
  --green-bg: #E8F5EF;
  --green-border: #C8E6D6;
  --red: #C23B22;
  --red-bg: #FDECEA;
  --red-border: #F5C6BE;
  --blue: #2968B0;
  --blue-bg: #EAF1FB;
  --blue-border: #C4D9F2;
  --blue-light: #6B9FD4;
  --blue-range: #D6E8FA;
  --amber: #B8860B;
  --amber-bg: #FEF9E7;
  --amber-border: #F5E6A3;
  --purple: #5E35B1;
  --purple-bg: #F3F0FD;
  --gray: #8A8880;
  --gray-bg: #F0EFE9;
  --gray-border: #D8D6D0;
  --radius: 6px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.05);
  --shadow-md: 0 4px 12px rgba(0,0,0,.10);
  --shadow-lg: 0 8px 24px rgba(0,0,0,.12);
  --shadow-xl: 0 12px 32px rgba(0,0,0,.15);
  --font: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono', Consolas, monospace;
}