/* A2K AI brand tokens, matched to a2kai.co.uk. Operator-owned. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  --font: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --paper: #EBEFE8;
  --surface: #F6F8F4;
  --white: #ffffff;
  --ink: #14201A;
  --ink-soft: #3D4C42;
  --ink-muted: #4E5E54;
  --deep: #1E382A;
  --deep-hover: #16291F;
  --deep-soft: #BECBBF;
  --rule: #C6D2C0;
  --rule-soft: #DAE2D6;

  --good: #2F6B45;
  --good-bg: #DCEBDF;
  --warn: #8A5A12;
  --warn-bg: #F3E6CC;
  --bad: #9B2C2C;
  --bad-bg: #F2DADA;
  --info-bg: #DDE5DB;

  --radius: 4px;
  --gutter: clamp(16px, 4vw, 48px);
  --max: 1240px;
  --transition: 180ms ease;
  --on-deep: #ffffff;
  --shadow: 0 1px 2px rgba(20, 32, 26, 0.06), 0 4px 16px rgba(20, 32, 26, 0.05);
}

:root[data-theme="dark"] {
  --paper: #0F1813; --surface: #16211B; --white: #1B2820; --ink: #E6ECE3; --ink-soft: #BFCBBF;
  --ink-muted: #9AA99C; --deep: #8FC1A0; --deep-hover: #A8D3B6; --deep-soft: #2B4535; --on-deep: #0F1813;
  --rule: #2C3B31; --rule-soft: #223027; --good-bg: #1E3526; --warn-bg: #3A2D14; --bad-bg: #3A1E1E; --info-bg: #1E2A22;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0F1813; --surface: #16211B; --white: #1B2820; --ink: #E6ECE3; --ink-soft: #BFCBBF;
    --ink-muted: #9AA99C; --deep: #8FC1A0; --deep-hover: #A8D3B6; --deep-soft: #2B4535; --on-deep: #0F1813;
    --rule: #2C3B31; --rule-soft: #223027; --good-bg: #1E3526; --warn-bg: #3A2D14; --bad-bg: #3A1E1E; --info-bg: #1E2A22;
  }
}