/* Stella Marinas — design tokens (single source of brand truth) */
:root{
  /* Brand */
  --navy:#383D5E;          /* logo wordmark — primary (lock exact hex from real logo) */
  --navy-deep:#23264A;     /* darker navy for hero depth */
  --navy-soft:#4a5078;     /* lighter navy for gradients */
  --sand:#CCC0B4;          /* logo compass-star — accent */
  --sand-deep:#b8a890;     /* richer sand for hovers */
  --sand-ink:#5b5347;      /* readable text on sand */

  /* Supporting nautical blues */
  --steel:#2F6690;
  --teal:#235E70;
  --cyan:#30A2C5;
  --sky:#82B4D3;
  --ice:#CDE7EF;

  /* Neutrals */
  --white:#ffffff;
  --paper:#f6f7f9;
  --paper-2:#eef1f5;
  --line:#e4e7ee;
  --ink:#1c1f2b;
  --ink-soft:#5a6172;

  /* Type */
  --font-display:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --font-body:'Roboto Flex',system-ui,-apple-system,Segoe UI,sans-serif;

  /* Layout */
  --container:1160px;
  --gutter:clamp(1.1rem,4vw,2.5rem);
  --radius:14px;
  --radius-sm:9px;

  /* Effects */
  --shadow:0 18px 44px rgba(35,38,74,.16);
  --shadow-sm:0 6px 18px rgba(35,38,74,.10);
  --ease:.22s cubic-bezier(.2,.6,.2,1);
}