/* Brand layer: Eviden. Sets values only (colours, fonts). No selectors for components, no sizes.
   Swap the brand by swapping this file; tokens-base.css reads every --brand-* name below.
   Source: references/brand-web.md of the Eviden web UI skill; pairs checked in design/audit.md. */
:root {
  --brand-font-sans: "Montserrat", Verdana, sans-serif;
  --brand-font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --brand-scheme: light;
  --brand-ground: #ececed;
  --brand-surface: #ffffff;
  --brand-soft: #f4f5f6;
  --brand-ink: #000000;
  --brand-ink-2-mix: 86%;
  --brand-line: #677d86;
  --brand-accent: #ff6d43;
  --brand-indicator: #000000;
  --brand-action-bg: #002d3c;
  --brand-action-fg: #ffffff;
  --brand-action-hover: #0b4a5f;
  --brand-error: #94171d;
  --brand-error-fill: color-mix(in srgb, #94171d 9%, #ffffff);
  --brand-shadow: 0 12px 40px #002d3c24;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --brand-scheme: dark;
    --brand-ground: #08232d;
    --brand-surface: #002d3c;
    --brand-soft: #103a49;
    --brand-ink: #ffffff;
    --brand-ink-2-mix: 90%;
    --brand-line: #9bb0ba;
    --brand-indicator: #ff6d43;
    --brand-action-bg: #ffffff;
    --brand-action-fg: #000000;
    --brand-action-hover: #dfe7ea;
    --brand-error: #ff9a9a;
    --brand-error-fill: color-mix(in srgb, #94171d 45%, #002d3c);
    --brand-shadow: 0 12px 40px #00000040;
  }
}

:root[data-theme="dark"] {
  --brand-scheme: dark;
  --brand-ground: #08232d;
  --brand-surface: #002d3c;
  --brand-soft: #103a49;
  --brand-ink: #ffffff;
  --brand-ink-2-mix: 90%;
  --brand-line: #9bb0ba;
  --brand-indicator: #ff6d43;
  --brand-action-bg: #ffffff;
  --brand-action-fg: #000000;
  --brand-action-hover: #dfe7ea;
  --brand-error: #ff9a9a;
  --brand-error-fill: color-mix(in srgb, #94171d 45%, #002d3c);
  --brand-shadow: 0 12px 40px #00000040;
}