/* tokens.css — the 'clearsigned' design system, palette v2 (2026-09-25).
 * Source of truth: ima-agentic-ai-os core/knowledge/design_systems/clearsigned/design-tokens.json,
 * mirrored in clearsigned/products/verify-api/site/css/site.css. Regenerate from the catalogue;
 * do not hand-edit. Light palette on :root; dark palette follows the viewer's setting. */
:root {
  color-scheme: light;
  --bg: #f8f7f2;          /* warm paper */
  --bg-2: #eeece4;        /* sand: code blocks, quiet surfaces */
  --surface: #ffffff;     /* cards, the receipt, tiles */
  --ink: #17201f;
  --muted: #5a6462;
  --rule: #dddbd2;
  --rule-strong: #c3c1b6;

  --accent: #0b5e7a;        /* petrol ink */
  --accent-strong: #08475c;
  --accent-soft: #e3ecf0;   /* tinted bands */
  --on-accent: #f8f7f2;
  --mark: #6ec1d6;          /* the brand mark, same in both themes */

  --band: #0e2f3b;          /* header + footer */
  --on-band: #e8eef0;
  --band-muted: #9db3bc;

  --ok: #1f7a3e;    --ok-bg: #e4f1e7;
  --bad: #b4532a;   --bad-bg: #f7e6de;
  --warn: #9a6a00;  --warn-bg: #f6edd3;

  --paper-shadow: 0 1px 0 rgba(23,32,31,.06), 0 18px 40px -24px rgba(14,47,59,.45);

  --font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --measure: 44rem;
  --wide: 66rem;

  /* legacy names used by generated Learn pages */
  --color-bg: var(--bg);
  --color-text: var(--ink);
  --color-text-muted: var(--muted);
  --color-border: var(--rule);
  --color-accent: var(--accent);
  --color-error: var(--bad);
  --color-warning: var(--warn);
  --text-base: 16px;
  --leading-body: 1.6;
  --content-measure: var(--measure);
  --space-xs: .5rem; --space-sm: 1rem; --space-md: 1.75rem; --space-lg: 3rem; --space-xl: 4.5rem;
  --radius: 4px;
  --shadow: none;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0f1514; --bg-2: #172020; --surface: #1b2625; --ink: #e7ecea; --muted: #9da9a6;
    --rule: #263230; --rule-strong: #3a4844;
    --accent: #6ec1d6; --accent-strong: #9ad6e6; --accent-soft: #14242a; --on-accent: #0f1514;
    --band: #0a1c23; --on-band: #dce6e9; --band-muted: #8fa5ad;
    --ok: #6bcf92; --ok-bg: #14291c; --bad: #f0a07c; --bad-bg: #2f1b12; --warn: #e5b85a; --warn-bg: #2c2410;
    --paper-shadow: 0 1px 0 rgba(0,0,0,.5), 0 18px 40px -24px rgba(0,0,0,.9);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0f1514; --bg-2: #172020; --surface: #1b2625; --ink: #e7ecea; --muted: #9da9a6;
  --rule: #263230; --rule-strong: #3a4844;
  --accent: #6ec1d6; --accent-strong: #9ad6e6; --accent-soft: #14242a; --on-accent: #0f1514;
  --band: #0a1c23; --on-band: #dce6e9; --band-muted: #8fa5ad;
  --ok: #6bcf92; --ok-bg: #14291c; --bad: #f0a07c; --bad-bg: #2f1b12; --warn: #e5b85a; --warn-bg: #2c2410;
  --paper-shadow: 0 1px 0 rgba(0,0,0,.5), 0 18px 40px -24px rgba(0,0,0,.9);
}