/*==========================================================
  ORIGAMI — Design tokens  (loaded first on every page)
  Direction: "fresh teal + azure" — calm and soothing base,
  one energetic accent used sparingly.
==========================================================*/
:root {
  /* colour */
  --ink:        #16323B;   /* headings, strong text            */
  --ink-2:      #4A6068;   /* body / secondary text            */
  --ink-3:      #6E8088;   /* captions, placeholders           */
  --teal:       #12857A;   /* primary: links, buttons, accents */
  --teal-dark:  #0D6B62;   /* hover / pressed                  */
  --teal-soft:  #E3F3F0;   /* tinted surfaces, chips           */
  --mist:       #F5FAF9;   /* alternating section background   */
  --accent:      #16323B;   /* the one main CTA — mono ink, hovers into teal */
  --accent-dark: #0D6B62;
  --ice:       #EEF2F1;   /* neutral tint (rare)               */
  --line:       #DBE9E6;   /* borders                          */

  /* type */
  --font-head: 'Plus Jakarta Sans', 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* shape */
  --r-lg: 2.4rem;
  --r-md: 1.6rem;
  --r-sm: 1rem;
  --shadow: 0 10px 30px rgba(22, 50, 59, 0.08);
  --shadow-sm: 0 4px 14px rgba(22, 50, 59, 0.06);

  /* layout */
  --header-h: 7.2rem;
  --gutter: clamp(2rem, 4.5vw, 6rem);
}

/* short landscape screens (phones turned sideways) */
@media (max-height: 520px) {
  :root { --header-h: 5.6rem; }
}