/* ==========================================================================
   Kash Flow Media — Design tokens
   Palette confirmed against the source logo PNGs (see build notes):
   navy sampled #031C38 (locked as primary), gold ring ~#A9855A, cream #F6EEE8.
   ========================================================================== */

:root {
  /* Brand core */
  --navy:        #031C38;  /* primary: nav accents, footer, dark sections, headings */
  --navy-800:    #0A2A4A;  /* lifted navy for gradients / hover depth */
  --navy-900:    #02132A;  /* deepest navy */

  --gold:        #A9855A;  /* accents, dividers, eyebrow labels */
  --gold-bright: #C3A06B;  /* gold text on navy (better contrast) */
  --gold-deep:   #866542;  /* gold on light backgrounds where contrast matters */

  --cream:       #F6EEE8;  /* page background (matches logo.png bg) */
  --off-white:   #FBF9F4;  /* subtle alternate section background */
  --white:       #FFFFFF;  /* header bar (matches compact lockup bg) */

  --ink:         #10243F;  /* primary body text (warm navy) */
  --muted:       #4A5A6A;  /* secondary text */
  --charcoal:    #2B2B2B;

  --line:        rgba(16, 36, 63, 0.12);   /* hairline dividers on light */
  --line-navy:   rgba(255, 255, 255, 0.14); /* hairline dividers on navy */

  /* Typography */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-label:   'Montserrat', system-ui, -apple-system, Segoe UI, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, Segoe UI, sans-serif;

  /* Fluid type scale */
  --fs-display: clamp(2.6rem, 1.6rem + 4.4vw, 4.75rem);
  --fs-h1:      clamp(2.2rem, 1.5rem + 3vw, 3.5rem);
  --fs-h2:      clamp(1.75rem, 1.3rem + 1.8vw, 2.6rem);
  --fs-h3:      clamp(1.25rem, 1.05rem + 0.7vw, 1.6rem);
  --fs-lead:    clamp(1.05rem, 1rem + 0.4vw, 1.3rem);
  --fs-body:    1.0625rem;
  --fs-small:   0.875rem;
  --fs-label:   0.78rem;

  /* Spacing / layout */
  --container:   1180px;
  --container-narrow: 820px;
  --gutter:      clamp(1.15rem, 0.6rem + 2.4vw, 2.5rem);
  --section-y:   clamp(3.5rem, 2rem + 6vw, 7rem);

  /* Radii + shadows */
  --radius:      14px;
  --radius-sm:   9px;
  --radius-pill: 999px;
  --shadow-sm:   0 2px 10px rgba(3, 28, 56, 0.06);
  --shadow-md:   0 12px 30px rgba(3, 28, 56, 0.10);
  --shadow-lg:   0 24px 60px rgba(3, 28, 56, 0.16);

  --header-h:    76px;
  --ease:        cubic-bezier(0.4, 0, 0.2, 1);
}