/* © 2026 Catchment Ltd. All rights reserved.
 * Licensed for use only via the Catchment platform per the Terms & Conditions
 * at https://catchment.co.uk/Terms_and_Conditions.html
 * Open-source attributions: see https://catchment.co.uk/NOTICES.html
 */
/* Catchment — canonical design tokens
 * Single source of truth for every brand colour, scale, and semantic colour
 * used across the suite. Inlined hex codes in page-level <style> blocks
 * should be migrated to var(--token) references. Adding a new colour means
 * adding it here first.
 *
 * Loaded as <link rel="stylesheet" href="suds-tokens.css"> on every page
 * BEFORE suds-disclaimer.css and any inline page CSS.
 *
 * Last updated: 2026-08 (S1 — token architecture documented)
 *
 * TOKEN ARCHITECTURE — three layers, in cascade order:
 *   1. --qs-*     Brand IDENTITY (marks/suite colours: ink-green, moss=Catchment,
 *                 navy=Outfall, aubergine/teal=Manning).
 *   2. --suds-*   UI / SEMANTIC system defined HERE (slate + copper scales,
 *                 success/warning/danger/info, category accents, radii, shadows, type).
 *   3. suds-catchment.css then RE-POINTS many --suds-* tokens onto the --cat-*
 *                 Catchment palette (e.g. --suds-copper-700 -> var(--cat-clay);
 *                 ALL --suds-cat-* -> var(--cat-green)). It loads AFTER this file,
 *                 so on Catchment-suite pages the --cat-* values WIN.
 *   IMPLICATION: do NOT rely on a --suds-cat-* token for a distinct per-category
 *   colour on suite pages — they collapse to the single green identity there.
 *   Category wayfinding (hub cards, tool headers) uses LITERAL hexes on purpose.
 *   A full reconciliation of layers 2 and 3 into one source of truth is a
 *   separate, attended pass (it involves brand calls, e.g. which canonical green).
 */

/* ================================================================
   WO-260712 REV D · A4 — Quinnsite confirmed-identity palette tokens.
   Canonical brand colours; new UI work references these. Heritage
   orange is RETIRED from UI (it may persist only inside supplied
   artwork). Working greens #1F4D3D / #1F8A5B remain as UI tones.
   ================================================================ */
:root {
  --qs-ink-green:   #0F211E;  /* company — deep ink-green (wordmark, marks) */
  --qs-moss:        #2A4640;  /* Catchment suite colour */
  --qs-navy:        #091E31;  /* Outfall suite colour */
  --qs-navy-accent: #1D4A73;  /* Outfall UI accent */
  --qs-navy-mid:    #4E7DA3;  /* Outfall UI accent (mid) */
  --qs-navy-soft:   #7FA8C9;  /* Outfall UI accent (soft) */
  --qs-aubergine:   #372B46;  /* Manning */
  --qs-teal:        #3A6162;  /* supporting teal */
  --qs-stone:       #D0CDC7;  /* supporting stone */
  --qs-paper:       #FCFBF7;  /* paper */
  --qs-ink:         #16271F;  /* ink */
  /* WO-260718 B13 — Manning visual tokens (WO-06 logo-sampled, now official) */
  --qs-manning-teal:      #0C6F80;
  --qs-manning-teal-deep: #062826;
  --qs-manning-green:     #0DA24D;
}

:root {
  /* ---------- Slate scale (primary brand neutral) ---------- */
  --suds-slate-950: #0F172A;  /* primary text, dark surfaces */
  --suds-slate-900: #1E293B;
  --suds-slate-700: #334155;
  --suds-slate-600: #475569;  /* secondary text */
  --suds-slate-500: #64748B;  /* muted text */
  --suds-slate-400: #94A3B8;
  --suds-slate-300: #CBD5E1;  /* borders on dark bg */
  --suds-slate-200: #E2E8F0;  /* borders on light bg */
  --suds-slate-100: #F1F5F9;
  --suds-slate-50:  #F8FAFC;  /* page-secondary background */

  /* ---------- Copper scale (accent brand) ---------- */
  --suds-copper-900: #7C2D12;
  --suds-copper-800: #92400E;  /* deep copper, hover state */
  --suds-copper-700: #B45309;  /* primary accent (CTAs, links, eyebrows) */
  --suds-copper-500: #C67D4A;  /* warm copper accent */
  --suds-copper-300: #F4B678;  /* light copper (text on dark bg) */
  --suds-copper-50:  #FBF2EB;  /* copper tint backgrounds */
  --suds-copper-edge: #E0D5CC;  /* copper-tint border */

  /* ---------- Semantic colours ---------- */
  --suds-success-700: #047857;  /* PASS text on light */
  --suds-success-500: #10B981;  /* PASS chip / dot */
  --suds-success-50:  #DCFCE7;  /* PASS tint background */
  --suds-success-900: #166534;  /* PASS deep */

  --suds-warning-700: #92400E;  /* WARN text */
  --suds-warning-500: #F59E0B;  /* WARN chip / amber */

  --suds-danger-700: #B91C1C;
  --suds-danger-500: #EF4444;   /* FAIL chip / red */
  --suds-danger-50:  #FEE2E2;   /* FAIL tint background */

  --suds-warning-50: #FEF3C7;   /* WARN tint background */

  --suds-info-700:   #0E7490;   /* knowledge accent (teal) */
  --suds-info-50:    #CFFAFE;   /* info tint background */

  /* ---------- Category accents (Pro Suite hub) ---------- */
  --suds-cat-appraisal:  #B45309;  /* copper */
  --suds-cat-component:  #047857;  /* green */
  --suds-cat-storage:    #475569;  /* slate */
  --suds-cat-hydraulic:  #0E7490;  /* teal */
  --suds-cat-compliance: #C67D4A;  /* warm copper */
  --suds-cat-delivery:   #4D7C0F;  /* olive */

  /* ---------- Category tint backgrounds ---------- */
  --suds-cat-tint-appraisal:  #FEF3C7;
  --suds-cat-tint-component:  #DCFCE7;
  --suds-cat-tint-storage:    #E2E8F0;
  --suds-cat-tint-hydraulic:  #CFFAFE;
  --suds-cat-tint-compliance: #FBF2EB;
  --suds-cat-tint-delivery:   #ECFCCB;

  /* ---------- Surfaces ---------- */
  --suds-surface:        #FFFFFF;  /* page background */
  --suds-surface-muted:  #F8FAFC;  /* secondary surface */
  --suds-surface-dark:   #0F172A;  /* dark sections (footer, hero stats) */

  /* ---------- Border radii ---------- */
  --suds-radius-sm: 6px;
  --suds-radius-md: 8px;
  --suds-radius-lg: 12px;
  --suds-radius-xl: 16px;

  /* ---------- Shadows (engineered for slate) ---------- */
  --suds-shadow-sm: 0 1px 3px rgba(15,23,42,0.06);
  --suds-shadow-md: 0 12px 24px -12px rgba(15,23,42,0.08);
  --suds-shadow-lg: 0 30px 60px -20px rgba(15,23,42,0.18), 0 12px 24px -12px rgba(15,23,42,0.08);

  /* ---------- Typography ---------- */
  --suds-font-sans: 'Libre Franklin', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --suds-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, 'Liberation Mono', 'Courier New', monospace;
}

/* ---------- prefers-reduced-motion respect ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Owner request 2026-08: NO italics anywhere in the suite — force upright.
   Catches font-style:italic, <em>/<i>/<cite>/<address> defaults, and inline
   italic styles. Loaded on ~every page; the 3 pages that don't load this file
   (404, SuDS_Pro_Suite, SuDS_Style_Guide) carry the same rule inline. */
* { font-style: normal !important; }