/* =========================================================================
   Vodegero — Brand design tokens
   Ported from the Vodegero Design System (tokens/colors.css + typography.css).
   Brand anchors: Blue #004AAB (trust), Gold #FED23D (warmth/signal),
   warm parchment neutrals for surfaces, cool ink neutrals for text.

   These are consumed by Tailwind (see tailwind.config.js) as `blue-*`,
   `gold-*`, `sand-*`, `ink-*`, `font-display`, `font-body` utilities, and can
   be referenced directly via var() for gradients / fluid type.
   Kept separate from design-system.css so its (dark) Phase-1 --color-* set is
   left untouched.
   ========================================================================= */
:root {
  /* ---- Brand: Blue ramp ---- */
  --blue-50:  #eef4fe;
  --blue-100: #d6e4fb;
  --blue-200: #aecbf6;
  --blue-300: #7aa8ef;
  --blue-400: #3f82e6;
  --blue-500: #0b6bff;   /* bright interactive blue */
  --blue-600: #005ad4;
  --blue-700: #004AAB;   /* PRIMARY — logo blue */
  --blue-800: #003377;
  --blue-900: #002456;

  /* ---- Brand: Gold ramp ---- */
  --gold-50:  #fffae8;
  --gold-100: #fff4cf;
  --gold-200: #ffe488;
  --gold-300: #ffd968;
  --gold-400: #FED23D;   /* ACCENT — logo gold */
  --gold-500: #f0bd12;
  --gold-600: #c99a1a;
  --gold-700: #9c7712;
  --gold-800: #6e5309;
  --gold-900: #5a4700;

  /* ---- Warm neutrals (parchment) — surfaces & lines ---- */
  --sand-50:  #FBF8F2;   /* page background */
  --sand-100: #F3EDE0;   /* raised warm surface, tags */
  --sand-200: #EADFCA;   /* warm hairline on parchment */
  --sand-300: #ddceae;

  /* ---- Cool neutrals (ink) — text & cool borders ---- */
  --ink-900: #151A24;    /* headings */
  --ink-800: #1F2532;    /* strong body */
  --ink-700: #38414f;
  --ink-600: #5A6273;    /* secondary text */
  --ink-500: #8892A3;    /* muted / meta */
  --ink-400: #aab2c0;
  --ink-300: #c9cfd9;
  --ink-200: #e4e8ee;    /* cool hairline */
  --ink-100: #eef1f5;
  --ink-50:  #f7f9fb;

  /* ---- Semantic aliases (used by the coming-soon page) ---- */
  --brand-primary:  var(--blue-700);
  --text-heading:   var(--ink-900);
  --text-secondary: var(--ink-600);
  --text-muted:     var(--ink-500);
  --border-warm:    var(--sand-200);

  /* ---- Typography families ---- */
  --font-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-body:    'Manrope', system-ui, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;
}