/* Design Tokens - Auto-generated */
/* Do not edit directly - modify tokens.json instead */

/* === PRIMITIVES === */
:root {
  --primitive-color-navy-600: #26313f;
  --primitive-color-navy-700: #243244;
  --primitive-color-navy-800: #1d2a3a;
  --primitive-color-navy-900: #16202e;
  --primitive-color-ink-300: #a3aebb;
  --primitive-color-ink-400: #626f7e;
  --primitive-color-ink-500: #5c6a7f;
  --primitive-color-ink-700: #33445a;
  --primitive-color-ink-900: #1a2330;
  --primitive-color-surface-app: #f5f8fb;
  --primitive-color-surface-white: #ffffff;
  --primitive-color-surface-raised: #eef2f6;
  --primitive-color-border-default: #dbe3ec;
  --primitive-color-border-subtle: #eef2f6;
  --primitive-color-border-strong: #e4eaf0;
  --primitive-color-border-field: #e0e7ee;
  --primitive-color-blue-50: #eaf2f9;
  --primitive-color-blue-100: #d3e0ee;
  --primitive-color-blue-150: #cfe0ef;
  --primitive-color-blue-300: #6b97c4;
  --primitive-color-blue-600: #2b6aa3;
  --primitive-color-blue-700: #29659c;
  --primitive-color-teal-600: #2b8a7d;
  --primitive-color-red-50: #fbe9e9;
  --primitive-color-red-600: #d64545;
  --primitive-color-red-700: #be3d3d;
  --primitive-color-amber-100: #f5e9cd;
  --primitive-color-amber-200: #e6cf93;
  --primitive-color-amber-500: #a9812f;
  --primitive-color-amber-600: #d99a2b;
  --primitive-color-amber-700: #836424;
  --primitive-color-green-600: #3f9d6b;
  --primitive-color-grey-100: #f6f8fa;
  --primitive-color-grey-200: #e5e9ee;
  --primitive-color-grey-300: #cdd6df;
  --primitive-color-lavender-text: #5a4a8a;
  --primitive-color-lavender-border: #d9cef0;
  --primitive-color-lavender-bg: #efeafa;
  --primitive-fontFamily-sans: Helvetica, Arial, sans-serif;
  --primitive-fontSize-micro: 0.6875rem;
  --primitive-fontSize-caption: 0.75rem;
  --primitive-fontSize-body: 0.875rem;
  --primitive-fontSize-cardHead: 1rem;
  --primitive-fontSize-title: 1.625rem;
  --primitive-fontWeight-regular: 400;
  --primitive-fontWeight-semibold: 600;
  --primitive-fontWeight-bold: 700;
  --primitive-spacing-1: 0.25rem;
  --primitive-spacing-2: 0.5rem;
  --primitive-spacing-3: 0.75rem;
  --primitive-spacing-4: 1rem;
  --primitive-spacing-5: 1.25rem;
  --primitive-spacing-6: 1.5rem;
  --primitive-spacing-8: 2rem;
  --primitive-size-navRail: 240px;
  --primitive-size-topBar: 72px;
  --primitive-size-contentInset: 264px;
  --primitive-radius-chip: 8px;
  --primitive-radius-pill: 12px;
  --primitive-radius-card: 14px;
  --primitive-radius-full: 9999px;
  --primitive-shadow-soft: 0 1px 2px 0 rgb(26 35 48 / 0.10);
  --primitive-shadow-card: 0 2px 7px 0 rgb(26 35 48 / 0.07);
}

/* === SEMANTIC === */
:root {
  --color-background: #f5f8fb;
  --color-surface: #ffffff;
  --color-nav-bg: #16202e;
  --color-nav-active: #243244;
  --color-nav-accent: #2b8a7d;
  --color-foreground: #1a2330;
  --color-foreground-strong: #33445a;
  --color-muted-foreground: #5c6a7f;
  --color-faint-foreground: #626f7e;
  --color-primary: #2b6aa3;
  --color-primary-foreground: #ffffff;
  --color-accent: #2b8a7d;
  --color-danger: #d64545;
  --color-warning: #d99a2b;
  --color-success: #3f9d6b;
  --color-border: #dbe3ec;
  --color-border-subtle: #eef2f6;
  --color-ring: #2b6aa3;
  --color-fairness-over: #d99a2b;
  --color-fairness-under: #6b97c4;
  --color-fairness-ontarget: #3f9d6b;
  --color-state-past: #e5e9ee;
  --color-state-finalized: #d3e0ee;
  --color-state-draft: #f5e9cd;
  --color-state-notgenerated: #eef2f6;
  --spacing-cardPadding: 1.5rem;
  --spacing-cardGap: 1rem;
  --spacing-section: 2rem;
}

/* === COMPONENTS === */
:root {
  --card-bg: #ffffff;
  --card-radius: 14px;
  --card-shadow: 0 2px 7px 0 rgb(26 35 48 / 0.07);
  --card-padding: 1.5rem;
  --card-border: #dbe3ec;
  --nav-bg: #16202e;
  --nav-item-fg: #a3aebb;
  --nav-item-active-bg: #243244;
  --nav-item-active-fg: #ffffff;
  --nav-item-active-accent: #2b8a7d;
  --nav-width: 240px;
  --chip-bg: #eef2f6;
  --chip-fg: #5c6a7f;
  --chip-border: #dbe3ec;
  --chip-radius: 12px;
  --countBadge-bg: #fbe9e9;
  --countBadge-fg: #be3d3d;
  --countBadge-radius: 12px;
  --ribbonPast-bg: #e5e9ee;
  --ribbonPast-fg: #5c6a7f;
  --ribbonFinalized-bg: #d3e0ee;
  --ribbonFinalized-fg: #29659c;
  --ribbonDraft-bg: #f5e9cd;
  --ribbonDraft-border: #e6cf93;
  --ribbonDraft-fg: #836424;
  --gridCellToday-bg: #eaf2f9;
  --gridCellToday-border: #cfe0ef;
  --gridCellPast-bg: #f6f8fa;
  --gridCellCall-bg: #efeafa;
  --gridCellCall-border: #d9cef0;
  --gridCellCall-fg: #5a4a8a;
}

/* === DARK MODE === */
.dark {
  --color-background: #16202e;
  --color-surface: #1d2a3a;
  --color-foreground: #f5f8fb;
  --color-muted-foreground: #a3aebb;
  --color-border: #26313f;
}