/* The Outback Experience - resolved tokens.
   Values copied verbatim from brand.json.tokens.cssVars (resolve-palette, step 1b).
   Nothing here is derived by eye. The role names below the divider are the
   direction's own roles from PITCH-PLAN.md "Autonomous decisions" item 2, each
   with its measured contrast against the ground it sits on. */

:root {
  /* --- resolve-palette output, verbatim --- */
  --colour-primary: #63c568;
  --colour-primary-dark: #328a3a;
  --colour-accent: #27ccc0;
  --colour-navy: #010000;
  --colour-white: #ffffff;
  --colour-off-white: #2a2a2a;
  --colour-text: #E5E3DF;
  --colour-text-muted: #848484;
  --colour-grey-50: #fafafa;
  --colour-grey-100: #dedede;
  --colour-grey-200: #c3c3c3;
  --colour-grey-300: #a9a9a9;
  --colour-grey-400: #8f8f8f;
  --colour-grey-500: #777777;
  --colour-grey-600: #5f5f5f;
  --colour-grey-700: #484848;
  --colour-grey-800: #323232;
  --colour-grey-900: #1e1e1e;
  --colour-bg: #1c1c1c;
  --colour-surface: #242424;
  --colour-surface-alt: #2a2a2a;
  --colour-border: #3f3f3f;
  --colour-primary-hover: #73d578;
  --colour-primary-active: #84e687;
  --colour-primary-subtle: #0d3811;
  --colour-on-primary: #15140f;
  --colour-link: #31963b;
  --colour-accent-hover: #42dcd0;
  --colour-accent-subtle: #003632;
  --colour-on-accent: #15140f;
  --colour-on-dark: #bebebe;
  --colour-success: #579766;
  --colour-warning: #a97d3a;
  --colour-error: #bc6e66;
  --colour-info: #558ac0;

  /* --- the direction's roles (PITCH-PLAN, decisions item 2 and 3) --- */
  --ground: #1c1c1c;              /* her own footer near-black, taken up the page */
  --ground-lift: #242424;         /* one step, for a quiet band */
  --ground-press: #2a2a2a;        /* one step again, for the pressed departure row.
                                     Verbatim --colour-surface-alt above. --ink on it
                                     is 11.20:1, --accent 7.17:1. */
  --ink: #E5E3DF;                 /* her farm-page stone. 13.30:1 on the ground */
  --ink-quiet: #a9a5a0;           /* 6.96:1 - captions, meta, itinerary labels */
  --ink-faint: #8c8c8c;           /* 5.07:1 - the unfilled TOUR FULL label */
  --rule: #3a3a3a;                /* hairlines only; never a border on a plate */
  --rule-strong: #555250;

  --accent: #27ccc0;              /* 8.51:1. TYPE AND RULES ONLY - never a fill */
  --accent-subtle: #003632;       /* Verbatim --colour-accent-subtle above. A tinted
                                      PANEL background for the accent family, since
                                      --accent itself stays type/rules only. --ink on
                                      it is 10.41:1, --accent 6.66:1. */
  --accent-hover: #42dcd0;        /* 10.05:1. Verbatim --colour-accent-hover above.
                                     It was USED by .lnk / .prose a / .act and never
                                     DEFINED, so `color: var(--accent-hover)` was
                                     invalid at computed-value time and fell back to
                                     the INHERITED colour: a turquoise link inside a
                                     quiet block went to #a9a5a0 on hover - dimmer
                                     than at rest - and .act went to the body stone.
                                     Measured, not guessed. Still type only, never a
                                     fill, and never on the #f8f8f8 panel (1.60:1). */
  --action: #63c568;              /* 7.89:1. the one primary action per page */
  --action-hover: #73d578;        /* 10.11:1 with --on-action on it */
  --action-active: #84e687;       /* 11.99:1 with --on-action. Verbatim
                                     --colour-primary-active above; .btn:active was
                                     already reaching across the divider for it. */
  --on-action: #15140f;           /* 8.53:1 dark ink on the fill, never white */

  --state-limited: #f39c12;       /* 7.77:1 on ground, 8.41:1 with dark ink on it */
  --state-wait: #719ce9;          /* 6.20:1 on ground, 6.70:1 with dark ink on it */
  --state-full: #8c8c8c;          /* unfilled outline: a full departure is not an action */
  --state-tba: #8c8c8c;           /* 5.07:1 unfilled outline: dates not announced is not an action */
  --on-state: #15140f;

  /* the price and terms panel: redesigned 2026-09-21 at the customer's request,
     off the light card (was #f8f8f8/#444444, "the one surface deliberately not
     dark") and onto the same raised-dark surface the rest of the site already
     uses (--ground-lift), so it reads as part of the page rather than a
     standalone insert. */
  --panel: #242424;               /* --ground-lift, verbatim */
  --panel-ink: #a9a5a0;           /* --ink-quiet, verbatim. 6.6:1 on #242424 */
  --panel-quiet: #8c8c8c;         /* --ink-faint, verbatim. 4.8:1 on #242424 */
  --panel-rule: #3a3a3a;          /* --rule, verbatim */
  --panel-head: #E5E3DF;          /* --ink, verbatim. 12.7:1 on #242424 */

  /* --- type --- */
  --display: 'Fraunces', 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --body: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;

  /* --- measure, rhythm, frame --- */
  --maxw: 1280px;
  --maxw-read: 66ch;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --header-h: 96px;
  --header-h-sm: 68px;
  --logo-h: 64px;
  --logo-h-sm: 44px;

  --s1: .5rem;
  --s2: .875rem;
  --s3: 1.25rem;
  --s4: 2rem;
  --s5: 3rem;
  --s6: 4.5rem;
  --s7: 6.5rem;
}
