/* ═══════════════════════════════════════════════════════════
   BRAND — Alex. and Co.
   The only file that carries brand colour, type, and shape.
   Every rule in myga.css and in the eApp pages resolves through
   these tokens; swapping this file reskins the whole application.
═══════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=DM+Sans:wght@300;400;500&family=Jost:wght@300;400;500;600&display=swap');

:root {
  /* ── Type ─────────────────────────────────────────────── */
  --font-display: 'Cormorant Garamond', serif;  /* headings, hero numbers */
  --font-body:    'DM Sans', sans-serif;      /* prose */
  --font-label:   'Jost', sans-serif;         /* labels, buttons, data */

  /* ── Accent ───────────────────────────────────────────── */
  --accent:       #C9A84C;
  --accent-rgb:   201, 168, 76;
  --accent-light: #E8CC80;   /* bright accent — marketing surfaces */
  --accent-soft:  #E0C06E;   /* softer accent — app hover states   */
  --accent-dim:   #8C6E2F;
  /* hairlines: same gold — this brand uses its accent decoratively */
  --rule-rgb:     var(--accent-rgb);

  /* ── Dark surfaces ────────────────────────────────────── */
  --bg:               #0D1B2A;   /* page canvas          */
  --bg-rgb:           13, 27, 42;
  --bg-raised:        #162436;   /* cards, panels        */
  --bg-raised-rgb:    22, 36, 54;
  --bg-sunken:        #1E3148;   /* wells, inset rows    */
  --chrome-rgb:        13, 27, 42;   /* sticky header band */
  --chrome-alpha:      0.94;
  --chrome-footer-rgb: 10, 20, 32;   /* footer band        */
  --chrome-footer-alpha: 0.5;

  /* ── Light surfaces ───────────────────────────────────── */
  --surface-light:     #F5F0E8;
  --surface-light-dim: #EAE3D5;

  /* ── Ink ──────────────────────────────────────────────── */
  --ink:               #FAF8F3;      /* primary text on dark          */
  --ink-rgb:           250, 248, 243;
  --ink-alt:           #F0EAE0;      /* primary text, marketing pages */
  --ink-muted:         #6B7280;      /* secondary text, app           */
  --ink-muted-alt:     #8DA0B3;      /* secondary text, marketing     */
  --ink-muted-alt-rgb: 141, 160, 179;
  --ink-on-accent:     #0D1B2A;      /* text drawn on an accent fill  */
  /* chrome inks — this brand's chrome is the same dark as its page */
  --ink-on-chrome:        #FAF8F3;
  --ink-on-chrome-rgb:    250, 248, 243;
  --ink-on-chrome-muted:  #8DA0B3;

  /* ── Neutral overlay & decoration ─────────────────────
     --lift-rgb tints a surface off the page; on a dark page that is white. */
  --lift-rgb:      255, 255, 255;
  --motif-color:   #FFFFFF;
  --motif-opacity: 0.06;


  /* ── Chrome sizing ────────────────────────────────────── */
  --logo-height:        58px;
  --logo-height-footer: 40px;
}