/* ==========================================================================
   NORTHSAGA — DESIGN TOKENS
   Every colour, size and spacing value in the site resolves to something here.
   Change a value here and it changes everywhere. Do not hard-code hex values
   anywhere else.
   ========================================================================== */

:root {
  /* ---- Palette -----------------------------------------------------------
     Deep navy base, bone type, muted antique brass accent.
     Brass is the "earned" colour — engraved plate, ledger rule, brass door
     number. It is used sparingly: rules, eyebrows, figures, focus states.
     Never a gradient. Never a glow.                                         */

  --ink:        #0E1A24;   /* base background — deep navy-black          */
  --ink-deep:   #08111A;   /* menu overlay, footer — one step darker     */
  --ink-raised: #16242F;   /* cards, ledger rows — one step lighter      */

  --bone:       #E9E4D9;   /* primary type on dark                       */
  --bone-dim:   #97A1A9;   /* secondary type, captions                   */

  --paper:      #EDE9DE;   /* light section background                   */
  --paper-ink:  #12202B;   /* type on light sections                     */
  --paper-ink-dim: rgba(18, 32, 43, 0.68);  /* secondary type on light   */

  --brass:      #B08D4F;   /* accent — rules, eyebrows, figures          */
  --brass-soft: #7C6438;   /* accent on light backgrounds / hairlines    */

  --hairline:        rgba(233, 228, 217, 0.14);  /* rules on dark        */
  --hairline-strong: rgba(233, 228, 217, 0.28);
  --hairline-light:  rgba(18, 32, 43, 0.16);     /* rules on light       */

  /* ---- Type ---------------------------------------------------------------
     Display: Cormorant Garamond — heritage, used large and light.
     Body:    Archivo — plain, slightly industrial grotesque. Honest, legible
              at small sizes, no personality war with the serif.
     Swap the display face here if you licence Canela or Freight Display.    */

  --font-display: "Cormorant Garamond", Garamond, Georgia, "Times New Roman", serif;
  --font-body:    "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* Fluid type scale — clamp(min, preferred, max) */
  --step--1: clamp(0.78rem, 0.76rem + 0.10vw, 0.84rem);
  --step-0:  clamp(1.00rem, 0.96rem + 0.18vw, 1.10rem);
  --step-1:  clamp(1.20rem, 1.12rem + 0.36vw, 1.44rem);
  --step-2:  clamp(1.55rem, 1.38rem + 0.75vw, 2.10rem);
  --step-3:  clamp(2.10rem, 1.72rem + 1.70vw, 3.30rem);
  --step-4:  clamp(2.80rem, 2.00rem + 3.60vw, 5.40rem);
  --step-5:  clamp(3.40rem, 2.00rem + 6.00vw, 7.20rem);

  --tracking-eyebrow: 0.22em;   /* small caps labels */
  --tracking-wordmark: 0.02em;

  /* Schematic type. Fixed px rather than the fluid scale: the drawings have a
     fixed viewBox and scroll rather than reflow, so this text has to stay in
     proportion to the boxes it sits inside. Used only by css/work.css. */
  --sch-label:   12px;
  --sch-role:    8.5px;
  --sch-trigger: 7.5px;

  /* ---- Spacing (8px base) ---- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;
  --space-7: 9rem;

  /* ---- Layout ---- */
  --measure:   68ch;    /* max reading width  */
  --container: 1240px;  /* max page width     */
  --gutter:    clamp(1.25rem, 5vw, 5rem);

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 200ms;
  --dur-slow: 620ms;

  /* Nothing in this brand is rounded. Corners are square. */
  --radius: 0;
}