/* Marvela — Color tokens
   Quiet-luxury palette: deep midnight navy + champagne gold on warm ivory paper.
   Base ramps first, semantic aliases below. */

:root {
  /* ---- Navy ramp (ink / surfaces) ---- */
  --navy-950: #0A1121;
  --navy-900: #0E1830;
  --navy-800: #14213F;
  --navy-700: #1C2E52;
  --navy-600: #2A3F6E;
  --navy-500: #3C5490;

  /* ---- Gold ramp (champagne accent) ---- */
  --gold-600: #A9853F;
  --gold-500: #C6A15B;
  --gold-400: #D4B87A;
  --gold-300: #E2CD9E;
  --gold-200: #EEE0C2;

  /* ---- Brass (logo-specific accent — "Ink & Brass" mark) ----
     Slightly deeper/warmer than the UI gold ramp; reserved for the
     logo monogram/seal and brand-mark contexts, not general UI. */
  --brass-600: #8F723C;
  --brass-500: #B08D57;
  --brass-400: #C3A578;

  /* ---- Ivory / paper ramp (warm neutrals) ---- */
  --ivory-100: #FBF8F2;
  --ivory-200: #F5F0E6;
  --ivory-300: #EDE5D5;
  --ivory-400: #DDD2BB;

  /* ---- Utility ---- */
  --white: #FFFFFF;
  --black: #05070D;

  /* ---- Semantic: surfaces ---- */
  --surface-page: var(--ivory-100);
  --surface-card: var(--white);
  --surface-card-inset: var(--ivory-200);
  --surface-inverse: var(--navy-950);
  --surface-inverse-raised: var(--navy-800);
  --surface-accent: var(--gold-500);
  --surface-overlay: color-mix(in oklab, var(--navy-950) 60%, transparent);

  /* ---- Semantic: text ---- */
  --text-primary: var(--navy-950);
  --text-secondary: color-mix(in oklab, var(--navy-950) 68%, var(--ivory-100) 32%);
  --text-tertiary: color-mix(in oklab, var(--navy-950) 45%, var(--ivory-100) 55%);
  --text-on-inverse: var(--ivory-100);
  --text-on-inverse-secondary: color-mix(in oklab, var(--ivory-100) 70%, var(--navy-950) 30%);
  --text-accent: var(--gold-600);
  --text-link: var(--navy-950);
  --text-link-hover: var(--gold-600);

  /* ---- Semantic: borders ---- */
  --border-subtle: color-mix(in oklab, var(--navy-950) 12%, transparent);
  --border-default: color-mix(in oklab, var(--navy-950) 22%, transparent);
  --border-strong: var(--navy-950);
  --border-accent: var(--gold-500);
  --border-on-inverse: color-mix(in oklab, var(--ivory-100) 24%, transparent);

  /* ---- Semantic: interactive ---- */
  --action-primary-bg: var(--navy-950);
  --action-primary-bg-hover: var(--navy-800);
  --action-primary-text: var(--ivory-100);
  --action-secondary-border: var(--navy-950);
  --action-secondary-text: var(--navy-950);
  --action-accent-bg: var(--gold-500);
  --action-accent-bg-hover: var(--gold-600);
  --action-accent-text: var(--navy-950);

  /* ---- Semantic: feedback (used sparingly, muted to match quiet-luxury tone) ---- */
  --feedback-success: #4C7A5E;
  --feedback-error: #A5433B;
  --feedback-warning: var(--gold-600);
}