/* ============================================================
   COLORS — Fragata Private
   Maritime luxury: deep navy, antique gold, ivory & warm cream.
   Sampled from the Fragata compass emblem (gold #C8A953 on
   navy #181B29). Base values first, then semantic aliases.
   Legacy names (--charcoal, --ink-*) are retained as aliases so
   the component layer reskins without edits.
   ============================================================ */
:root {
  /* ---- Navy (primary surface + ink) ---- */
  --navy-900: #0a1422;   /* deepest — app backdrop */
  --navy-800: #0e1b2c;   /* primary dark surface */
  --navy-700: #142640;   /* raised dark surface */
  --navy-600: #1c2c44;   /* emblem field / cards on navy */
  --navy-500: #28395a;   /* hairlines on navy, muted ink */
  --navy-400: #3d4f72;   /* secondary text on navy */

  /* ---- Antique gold (signature) ---- */
  --gold: #c8a24a;          /* Fragata gold — the compass */
  --gold-bright: #e0c46a;   /* highlight / active */
  --gold-deep: #9a7a2f;     /* engraved / pressed */

  /* ---- Metallic gold ramp (gradients, rules) ---- */
  --gold-100: #f1dd80;
  --gold-200: #e8cf72;
  --gold-300: #d9bf63;
  --gold-400: #c8a24a;
  --gold-500: #bd9740;
  --gold-600: #ad8836;
  --gold-700: #8f6e28;
  --gold-800: #6f5520;

  /* ---- Light surfaces ---- */
  --ivory: #fdfdfd;      /* pure paper */
  --cream: #f5efe2;      /* warm paper / muted light surface */
  --sand: #e7ddc8;       /* soft warm border on light */
  --white: #ffffff;
  --black: #000000;

  /* ---- Legacy neutral ramp (navy-tinted) ---- */
  --charcoal: #14253b;   /* primary ink — now deep navy */
  --ink-900: #0a1422;
  --ink-850: #0e1b2c;
  --ink-800: #0e1b2c;    /* dark splash / footer surface */
  --ink-700: #142640;
  --ink-500: #5a6c86;    /* secondary text */
  --ink-400: #7e8ca3;    /* tertiary text */
  --ink-200: #d4dae3;    /* hairline on light */

  /* ---- Rare accent (maritime green — sparing) ---- */
  --emerald: #0f5c49;

  /* ---- Metallic gradients ---- */
  --grad-gold: linear-gradient(135deg, var(--gold-200) 0%, var(--gold) 45%, var(--gold-700) 100%);
  --grad-gold-line: linear-gradient(90deg, transparent, var(--gold-300), var(--gold-100), var(--gold-300), transparent);
  --grad-navy: linear-gradient(160deg, var(--navy-700) 0%, var(--navy-900) 100%);

  /* ============================================================
     SEMANTIC ALIASES
     ============================================================ */
  /* Surfaces */
  --surface-page: var(--navy-900);
  --surface-dark: var(--navy-800);
  --surface-raised: var(--navy-700);
  --surface-card: var(--ivory);
  --surface-card-warm: var(--cream);
  --surface-gold: var(--gold);
  --surface-glass: rgba(253, 253, 253, 0.25);
  --surface-glass-slat: rgba(253, 253, 253, 0.11);

  /* Text */
  --text-primary: var(--charcoal);
  --text-secondary: var(--ink-500);
  --text-tertiary: var(--ink-400);
  --text-on-dark: var(--ivory);
  --text-on-dark-soft: #c4cedd;
  --text-on-gold: var(--navy-800);
  --text-accent: var(--gold);

  /* Lines & borders */
  --border-default: var(--ink-500);
  --border-subtle: rgba(90, 108, 134, 0.32);
  --border-on-dark: rgba(200, 162, 74, 0.28);
  --border-gold: var(--gold);

  /* Interactive */
  --accent: var(--gold);
  --accent-strong: var(--gold-deep);
  --focus-ring: var(--gold-bright);
}