:root {
  --colour-primary: #f7901e;
  --colour-primary-dark: #ad6100;
  --colour-accent: #fb8d00;
  --colour-navy: #29292b;
  --colour-white: #ffffff;
  --colour-off-white: #1a1712;
  --colour-text: #d6d0c9;
  --colour-text-muted: #7e7972;
  --colour-grey-50: #fcfaf6;
  --colour-grey-100: #e1deda;
  --colour-grey-200: #c6c3be;
  --colour-grey-300: #aca9a3;
  --colour-grey-400: #938f89;
  --colour-grey-500: #7b7670;
  --colour-grey-600: #635e58;
  --colour-grey-700: #4c4742;
  --colour-grey-800: #35322d;
  --colour-grey-900: #201e1a;
  --colour-bg: #0c0a07;
  --colour-surface: #14110e;
  --colour-surface-alt: #1a1712;
  --colour-border: #2e2924;
  --colour-primary-hover: #ffa553;
  --colour-primary-active: #ffbd86;
  --colour-primary-subtle: #462400;
  --colour-on-primary: #15140f;
  --colour-link: #b56500;
  --colour-accent-hover: #ffa556;
  --colour-accent-subtle: #472300;
  --colour-on-accent: #15140f;
  --colour-on-dark: #c2bdb5;
  --colour-success: #429c5a;
  --colour-warning: #b37903;
  --colour-error: #c8645a;
  --colour-info: #418ad1;
}

/* ---------------------------------------------------------------------------
   Additions by the orchestrator at step 1b. The block above is resolve-palette's
   contrast-floored output and is authoritative for every token it defines.
   These two exist because the resolver cannot know two client-specific facts.
   --------------------------------------------------------------------------- */
:root {
  /* The client's OWN secondary grey, straight out of their logo vector, where it
     carries "REMOTE". Measured at 6.14:1 on the ground, so it clears the body
     floor unmodified. Use it for muted text that sits beside the mark (header,
     footer, the wordmark's own lockup area) so the page and the logo agree.
     Elsewhere prefer --colour-text-muted, which the resolver floored. */
  --colour-brand-grey: #919194;

  /* Inline links: use the brand orange, NOT --colour-link. The resolver derives a
     dimmed link colour (#b56500, 4.54:1) to keep links distinct from accent fills
     on a light ground. On this dark ground that inverts: the dimmed amber is the
     harder of the two to read, while the brand orange sits at 8.44:1 and is the
     client's actual colour. Accent discipline still applies - links are the one
     place the orange appears in running text, and the single quiet CTA is the
     only fill. */
  --colour-link-onDark: var(--colour-primary);
}

/* ---------------------------------------------------------------------------
   White ground, at the owner's request (change 2026-10-16): "The website has to
   remain white based, similar to our existing website and not black background
   based." These override the dark ground above. Every text pair is measured on
   white and on the light surface band (#f5f3ef):
     text #1f1d1a 16.8:1 / 15.2:1, muted #5c5853 7.1:1 / 6.4:1,
     links and small orange labels #9a5600 5.7:1 / 5.1:1.
   The brand orange #f7901e stays the fill colour (buttons, rules, the dock), where
   dark ink sits on it at 7.9:1; as text on white it measures 2.3:1, so it is never
   used as text on the light ground.
   --------------------------------------------------------------------------- */
:root {
  --colour-bg: #ffffff;
  --colour-surface: #f5f3ef;
  --colour-surface-alt: #eeebe6;
  --colour-border: #e1deda;
  --colour-text: #1f1d1a;
  --colour-text-muted: #5c5853;
  --colour-off-white: #f5f3ef;
  --colour-on-dark: #f4f0ea;
  --colour-link-onDark: #9a5600;
  --colour-primary-hover: #7d4600;
}

/* ---------------------------------------------------------------------------
   Grey and white, at the owner's request (change 2026-10-17): "The site uses beige
   and white. please change that to grey and white so that it'll match our logo's
   grey." Every warm tint above becomes a neutral grey keyed to the logo's own grey
   (#919194, the "REMOTE" in the mark). White stays the ground; the logo's orange
   stays the accent. Text pairs, measured on white and on the grey band (#f0f0f1):
     text #1c1c1e 17.0:1 / 15.1:1, muted #56565a 7.3:1 / 6.4:1,
     links and small orange labels #9a5600 5.7:1 / 5.0:1 (4.6:1 on #e8e8ea).
   --------------------------------------------------------------------------- */
:root {
  --colour-surface: #f0f0f1;
  --colour-surface-alt: #e8e8ea;
  --colour-border: #dcdcdf;
  --colour-text: #1c1c1e;
  --colour-text-muted: #56565a;
  --colour-off-white: #f0f0f1;
  --colour-on-dark: #f2f2f3;
  --colour-grey-50: #f4f4f5;
  --colour-grey-100: #dedee0;
  --colour-grey-200: #c4c4c7;
  --colour-grey-300: #aaaaad;
  --colour-grey-400: #919194;
  --colour-grey-500: #79797c;
  --colour-grey-600: #5f5f63;
  --colour-grey-700: #48484b;
  --colour-grey-800: #333336;
  --colour-grey-900: #1e1e20;
}

/* ---------------------------------------------------------------------------
   No brown, at the owner's request (change 2026-10-21): "change the brown color
   font used for all headlines, sub headings in the pages to something more
   brighter? Brown is never our color." The dark amber #9a5600 above read as
   brown. Its replacement is a clear orange from the logo's family, the brightest
   that still reads as small text: #c64c00, 4.7:1 on white, 4.2:1 on the grey band.
   Hover goes to the ink colour, never a darker (browner) orange.
   --------------------------------------------------------------------------- */
:root {
  --colour-link-onDark: #c64c00;
  --colour-primary-hover: #1c1c1e;
}