/**
 * AUTO-GENERATED — do not edit by hand.
 * Source: packages/shared/src/tokens.ts
 * Regenerate: pnpm --filter @talent-vibe/shared build:tokens
 */

:root {
  /* ── Teal scale ──────────────────────────────────────────── */
  --color-teal-50: #F0FDFA;
  --color-teal-100: #CCFBF1;
  --color-teal-200: #99F6E4;
  --color-teal-300: #5EEAD4;
  --color-teal-400: #2DD4BF;
  --color-teal-500: #14B8A6;
  --color-teal-600: #0D9488;
  --color-teal-700: #0F766E;
  --color-teal-800: #115E59;
  --color-teal-900: #134E4A;

  /* ── Brand semantic aliases ─────────────────────────────── */
  --brand-primary: #14B8A6;
  --brand-light:   #2DD4BF;
  --brand-pale:    rgba(20, 184, 166, 0.08);
  --brand-border:  rgba(20, 184, 166, 0.25);
  --brand-glow:    rgba(20, 184, 166, 0.35);

  /* ── Surface (SINGLE SOURCE OF TRUTH for the background scheme) ──
     Change these to recolor the whole product. --navy-* below alias these. */
  --surface-canvas:   #050810;
  --surface-card:     #0e1320;
  --surface-elevated: #161c2b;

  /* ── Navy shell aliases (legacy name; admin shell references these) ── */
  --navy-deep:     var(--surface-canvas);
  --navy-card:     var(--surface-card);
  --navy-elevated: var(--surface-elevated);

  /* ── Border tokens (dark surfaces) ──────────────────────── */
  --border-subtle: rgba(248, 247, 252, 0.08);
  --border-strong: rgba(248, 247, 252, 0.16);

  /* ── Utility colors (NOT brand) ─────────────────────────── */
  --color-amber-500: #F5A623;
}