/* ==========================================================================
   APPA design tokens — single source of truth
   Palette: official brand sheet, one colour per business, confirmed by marketing manager 11 Sept 2026.
   Contrast (WCAG 2.1, computed 11 Sept 2026):
                  on white   white text on fill   #1E1E1E text on fill
     Clay Stone     3.49          3.49                 4.77  -> dark text
     Dark Copper    5.32          5.32                 3.14  -> white text
     Petrol Blue    7.72          7.72                 2.16  -> white text
     Antique Gold   2.98          2.98                 5.59  -> dark text
     Charcoal       8.10          8.10                 2.06  -> white text
   Every brand colour can be a button / badge / tile fill with --brand-on text (all pass 4.5).
   --brand-ink is the brand colour as small text on white; Clay Stone and Antique Gold fall back to ink.
   ========================================================================== */

@font-face { font-family: "Cormorant Garamond"; src: url("/assets/fonts/cormorant-var.woff2") format("woff2");
  font-weight: 300 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Mulish"; src: url("/assets/fonts/mulish-var.woff2") format("woff2");
  font-weight: 200 1000; font-style: normal; font-display: swap; }

:root {
  /* brand palette */
  --clay-stone:   #928877;  /* APPA */
  --dark-copper:  #926037;  /* Goodworks */
  --petrol-blue:  #00597C;  /* AusPacificWorks */
  --antique-gold: #AF924D;  /* PrestigeWorks */
  --charcoal:     #4C5057;  /* AllianceWorks */

  /* neutrals */
  /* neutrals — taken from the homepage concept Ringo reviewed */
  --ink:    #1E1E1E;   /* headings */
  --text:   #48453F;   /* body; 9.55:1 on white, 8.78:1 on mist */
  --muted:  #6E6A64;   /* eyebrows, meta; replaces concept gold eyebrow (3.39:1 fail) */
  --bar:    #2B2B2B;   /* dark bands */
  --foot:   #211F1C;
  --paper:  #FFFFFF;
  --wash:   #F7F5F2;   /* concept "mist" */
  --tint:   #FBF9F5;   /* active switcher cell */
  --line:   #E6E2DC;

  /* type */
  --font-display: "Cormorant Garamond", Georgia, serif;   /* concept: weight 300 headings */
  --font-body: "Mulish", -apple-system, "Segoe UI", sans-serif;   /* brand font; replaces concept Jost */
  --step--1: 0.8125rem;                                 /* 13 */
  --step-0:  1.0625rem;                                 /* 17 body */
  --step-1:  clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);    /* lead */
  --step-2:  clamp(1.6rem, 1.3rem + 1.2vw, 2.25rem);    /* h3 */
  --step-3:  clamp(2.1rem, 1.6rem + 2.2vw, 3.25rem);    /* h2 */
  --step-4:  clamp(2.6rem, 1.8rem + 3.8vw, 4.75rem);    /* h1 */

  /* layout */
  /* Photo zoom timing — change these two values, nothing else. */
  --zoom-in: 1.4s;     /* hovering on */
  --zoom-out: 2s;      /* moving away */
  --zoom-ease: cubic-bezier(.16, 1, .3, 1);
  --zoom-scale: 1.07;

  --brand-rule: 8px;   /* thickness of the brand colour rule under company photos */
  --measure: 38rem;
  --wrap: 85rem;   /* concept 1360px */
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --space-s: 1rem; --space-m: 2rem; --space-l: clamp(3rem, 6vw, 5.5rem); --space-xl: clamp(4.5rem, 9vw, 8rem);

  /* default theme = APPA */
  --brand: var(--clay-stone);
  --brand-ink: var(--ink);
  --brand-on: var(--ink);
}

[data-theme="appa"]            { --brand: var(--clay-stone);   --brand-ink: var(--ink);         --brand-on: var(--ink); }
[data-theme="goodworks"]       { --brand: var(--dark-copper);  --brand-ink: var(--dark-copper); --brand-on: #fff; }
[data-theme="auspacificworks"] { --brand: var(--petrol-blue);  --brand-ink: var(--petrol-blue); --brand-on: #fff; }
[data-theme="prestigeworks"]   { --brand: var(--antique-gold); --brand-ink: var(--ink);         --brand-on: var(--ink); }
[data-theme="allianceworks"]   { --brand: var(--charcoal);     --brand-ink: var(--charcoal);    --brand-on: #fff; }