/* ============================================================================
   LogiTracker — design tokens.
   Same premium system as the reference build (warm paper, soft elevation,
   24/16 radii, Geist), rebranded maritime: deep ocean navy + harbour gold,
   to sit with painterly harbour imagery (blue sea + golden light).
   ============================================================================ */
:root {
  --font-sans: "Geist", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* canvas + ink */
  --paper:    #f2efe7;   /* warm bone page background */
  --white:    #ffffff;
  --offwhite: #f8f6f1;
  --ink:      #15202b;   /* deep blue-charcoal (pairs with the black ship logo) */
  --ink-2:    #25323d;
  --muted:    #515d67;
  --muted-2:  #8a939b;

  /* brand */
  --navy:      #0f3a5c;  /* deep ocean — primary action / brand */
  --navy-deep: #0a2942;  /* dark bands / footer */
  --navy-700:  #134a72;
  --gold:      #e0a33e;  /* harbour gold — accent */
  --gold-soft: #f0d59a;
  --gold-ink:  #3a2a06;
  --teal:      #3f7e8c;  /* sea secondary */
  --teal-deep: #2c5a66;

  --line:   rgba(21,32,43,.12);
  --line-2: rgba(21,32,43,.07);

  /* semantic */
  --bg:        var(--paper);
  --text:      var(--ink);
  --text-muted:var(--muted);
  --surface:   var(--white);
  --surface-2: var(--offwhite);
  --action:    var(--navy);
  --action-hover: var(--navy-deep);
  --accent:    var(--gold);

  /* radii */
  --r-chip: 12px;
  --r-sub: 16px;
  --r-card: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* elevation */
  --shadow: 0 .6px 1.8px -.67px rgba(15,40,60,.10), 0 2.3px 6.9px -1.3px rgba(15,40,60,.11), 0 10px 30px -2px rgba(15,40,60,.14);
  --shadow-sm: 0 1px 2px rgba(15,40,60,.07), 0 4px 12px -4px rgba(15,40,60,.12);
  --hairline: inset 0 0 0 1px rgba(21,32,43,.06);

  /* layout */
  --container: 1200px;
  --prose: 660px;
  --pad: clamp(1.25rem, 4vw, 2rem);
  --gap: clamp(1rem, 2vw, 1.5rem);

  /* fluid type */
  --t-hero: clamp(2.7rem, 1.6rem + 4.4vw, 4.6rem);
  --t-h1:   clamp(2.4rem, 1.6rem + 3vw, 3.5rem);
  --t-h2:   clamp(2rem, 1.4rem + 2.2vw, 2.75rem);
  --t-h3:   clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
  --t-lead: clamp(1.125rem, 1rem + 0.4vw, 1.28rem);
  --t-body: 1rem;
  --t-sm:   0.875rem;
  --t-eyebrow: 0.75rem;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 360ms;
}