/* CGL Tech Design System tokens.
   This layer centralizes visual decisions without replacing legacy styles yet. */
:root {
  color-scheme: light;

  --cgl-color-white: #ffffff;
  --cgl-color-black: #020617;
  --cgl-color-navy-950: #0f172a;
  --cgl-color-navy-900: #111827;
  --cgl-color-navy-800: #1e293b;
  --cgl-color-blue-700: #1d4ed8;
  --cgl-color-blue-600: #2563eb;
  --cgl-color-blue-500: #3b82f6;
  --cgl-color-blue-50: #eff6ff;
  --cgl-color-gold-600: #c9a227;
  --cgl-color-gold-100: #f8edc2;
  --cgl-color-green-600: #16a34a;
  --cgl-color-red-600: #dc2626;
  --cgl-color-orange-500: #f97316;

  --cgl-neutral-950: #0f172a;
  --cgl-neutral-900: #111827;
  --cgl-neutral-800: #1f2937;
  --cgl-neutral-700: #334155;
  --cgl-neutral-600: #475569;
  --cgl-neutral-500: #64748b;
  --cgl-neutral-400: #94a3b8;
  --cgl-neutral-300: #cbd5e1;
  --cgl-neutral-200: #e2e8f0;
  --cgl-neutral-100: #f1f5f9;
  --cgl-neutral-50: #f8fafc;

  --cgl-brand-primary: var(--cgl-color-blue-600);
  --cgl-brand-secondary: var(--cgl-color-navy-950);
  --cgl-brand-accent: var(--cgl-color-gold-600);

  --cgl-surface-page: var(--cgl-neutral-50);
  --cgl-surface-card: var(--cgl-color-white);
  --cgl-surface-muted: var(--cgl-neutral-100);
  --cgl-surface-dark: var(--cgl-color-navy-950);
  --cgl-border-subtle: rgba(148, 163, 184, 0.28);
  --cgl-border-strong: rgba(15, 23, 42, 0.14);

  --cgl-text-primary: var(--cgl-neutral-950);
  --cgl-text-secondary: var(--cgl-neutral-600);
  --cgl-text-muted: var(--cgl-neutral-500);
  --cgl-text-inverse: var(--cgl-color-white);

  --cgl-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.06);
  --cgl-shadow-sm: 0 8px 20px rgba(15, 23, 42, 0.08);
  --cgl-shadow-md: 0 16px 42px rgba(15, 23, 42, 0.12);
  --cgl-shadow-lg: 0 24px 70px rgba(15, 23, 42, 0.16);

  --cgl-space-1: 4px;
  --cgl-space-2: 8px;
  --cgl-space-3: 12px;
  --cgl-space-4: 16px;
  --cgl-space-5: 20px;
  --cgl-space-6: 24px;
  --cgl-space-8: 32px;
  --cgl-space-10: 40px;
  --cgl-space-12: 48px;
  --cgl-space-16: 64px;
  --cgl-space-20: 80px;

  --cgl-radius-xs: 6px;
  --cgl-radius-sm: 10px;
  --cgl-radius-md: 14px;
  --cgl-radius-lg: 18px;
  --cgl-radius-xl: 24px;
  --cgl-radius-pill: 999px;

  --cgl-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cgl-font-size-xs: 0.75rem;
  --cgl-font-size-sm: 0.875rem;
  --cgl-font-size-md: 1rem;
  --cgl-font-size-lg: 1.125rem;
  --cgl-font-size-xl: 1.25rem;
  --cgl-font-size-2xl: 1.5rem;
  --cgl-font-size-3xl: 2rem;
  --cgl-font-size-4xl: 2.5rem;
  --cgl-line-tight: 1.15;
  --cgl-line-normal: 1.5;

  --cgl-z-dropdown: 40;
  --cgl-z-sticky: 50;
  --cgl-z-drawer: 80;
  --cgl-z-modal: 100;
  --cgl-z-toast: 120;

  --cgl-transition-fast: 140ms ease;
  --cgl-transition-base: 220ms ease;
}