/* ---------------------------------------------------------------------------
   Omarzay Garden — design tokens

   Colour matches the Figma variable collection "Omarzay Garden — Colour"
   (file Wm07ulnjAF70F0uzohWUnQ). Navy/Brand and Green/Brand are the brand kit;
   the rest is the extended palette derived from them. Type sizes are measured
   from the Figma frames at the 1920 design width and carried as clamp() so the
   composition holds at any width.
   --------------------------------------------------------------------------- */

:root{
  /* ---- colour ---- */
  --navy-void:#060D16;      /* Navy/Void    page ground, deepest */
  --navy-deep:#0B182B;      /* Navy/Deep    */
  --navy:#132A4A;           /* Navy/Brand   brand kit */
  --navy-raised:#1B3B67;    /* Navy/Raised  cards, hover */
  --navy-line:#214A82;      /* Navy/Line    rules on navy */

  --paper:#F7F5F0;          /* Paper/Paper  light sections */
  --paper-2:#EDE9E1;        /* Paper/Paper 2 */
  --paper-line:#DBD5C9;     /* Paper/Line   */
  --ink:#14171C;            /* Paper/Ink    text on paper */

  --green:#62AC20;          /* Green/Brand  brand kit, 5.74:1 on Navy/Deep */
  --green-ink:#3A7310;      /* Green/Ink    green on paper, 5.25:1 */

  --sand:#C7B08A;           /* Sand/Sand    warm accent on navy, 6.86:1 */
  --sand-ink:#7D6640;       /* Sand/Ink     sand on paper, 5.01:1 */

  --white:#FFFFFF;
  --white-62:rgba(255,255,255,.62);

  /* ---- type ---- */
  --f-display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --f-body:"Jost",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;

  --t-hero:clamp(34px,5.175vw,99.37px);   /* 99.37 — hero headline (Frame 12) */
  --lh-hero:.9278;                        /* 92.2 / 99.37 */
  --ls-hero:-.0264em;                     /* -2.626px at 99.37 */
  --t-label:11px;
  --ls-label:.22em;

  /* ---- layout ---- */
  --pad:clamp(24px,9.219vw,177px);        /* 177px margins at 1920 */
  --content:1566px;                       /* 1920 - 2 x 177 */

  /* The line the header sits on. The mark is placed at top 100 of the 1080
     frame and settles to 184 wide, so with its 366 x 114 proportions its
     middle lands at 128.6, which is 11.9% of the frame height. The hamburger
     and the header row centre on this same line so the three read as one
     horizontal line (measured 20 Oct 2026; before this the hamburger sat
     23px high of the mark at 1080). Both are fixed-height, so each is offset
     by half its own height rather than by a percentage. */
  --hdr-mid:11.9svh;

  /* ---- motion ---- */
  --e-out:cubic-bezier(.22,1,.36,1);
}