/* ══════════════════════════════════════════════════════════════
   Shared design tokens — Burri Consulting & Sardona
   Keep this file byte-identical in both repositories:
     burri-consulting-website/assets/css/tokens.css
     burri-sardona-website/assets/css/tokens.css
   There is no shared build system between the two repos, so syncing
   this file is a manual step whenever a token changes.
   ══════════════════════════════════════════════════════════════ */
:root {
  /* ── Colour ── */
  --green:      #163237;   /* primary background */
  --green-soft: #1C3B41;   /* cards / boxes on dark background */
  --cream:      #FCF0C6;   /* accent, headlines, prominent text */
  --cream-soft: #EFE4BA;   /* hover variant */
  --cream-mute: #B9AE8A;   /* captions, footer */
  --line:       #2A4A50;   /* subtle dividers */
  --rule:       #3B5C62;   /* accent / divider lines, slightly stronger than --line */
  --red:        #8b1a1a;   /* emergency / urgent notices */
  --green-ok:   #27500A;   /* reserved for status / success use */

  /* ── Radius ── */
  --radius-btn:  4px;   /* buttons — consistent on both sites already */
  --radius-card: 0px;   /* cards — Sardona's existing baseline, adopted site-wide on Burri too */

  /* ── Type scale ── */
  --fs-xs:   0.8125rem;  /* 13px – labels, meta */
  --fs-sm:   0.9375rem;  /* 15px – secondary text */
  --fs-base: 1.0625rem;  /* 17px – body copy (minimum for readability on dark background) */
  --fs-lg:   1.375rem;   /* 22px – lead */
  --fs-xl:   2rem;       /* 32px – H3 */
  --fs-2xl:  3.125rem;   /* 50px – H2 */
  --fs-3xl:  4rem;       /* 64px – H1 */

  /* ── Type family ── */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:     'Inter', Calibri, 'Segoe UI', Arial, sans-serif;
}