/* Generated from design/tokens.json (Remote Recon Field v1.2). 1pt = 1px at 393x852. */

:root,
[data-theme="sun"] {
  color-scheme: light;
  --bg-canvas: #f7f4ee;
  --bg-surface: #e4ded3;
  --bg-raised: #fbf9f5;
  --bg-header: #c2a878;
  --bg-scrim: #1e1a16;
  --text-primary: #2a2725;
  --text-secondary: #4a4540;
  --text-disabled: #4a4540;
  --text-on-header: #1e1b19;
  --text-on-inverse: #f7f4ee;
  --text-on-accent: #1e1b19;
  --text-on-scrim: #f7f4ee;
  --fill-inverse: #2a2725;
  --fill-inverse-pressed: #4a4540;
  --fill-accent: #c2a878;
  --fill-accent-pressed: #1e1b19;
  --text-on-accent-pressed: #c2a878;
  --text-accent: #5e4630;
  --icon-accent: #81613c;
  --olive: #4f5338;
  --fill-disabled: #e4ded3;
  --border-strong: #2a2725;
  --border-default: #7a7166;
  --border-hairline: #cfc6b8;
  --status-ok-fg: #094d22;
  --status-ok-bg: #ddebd8;
  --status-warn-fg: #2a2725;
  --status-warn-bg: #ffd60a;
  --status-danger-fg: #8c1414;
  --status-danger-bg: #f6deda;
  --status-info-fg: #0a3f73;
  --status-info-bg: #dfe7ee;
  --ai-fg: #4c1d95;
  --ai-bg: #e9e2f2;
}

[data-theme="dusk"] {
  color-scheme: dark;
  --bg-canvas: #1e1a16;
  --bg-surface: #2a2520;
  --bg-raised: #342e28;
  --bg-header: #c2a878;
  --bg-scrim: #1e1a16;
  --text-primary: #f3f0ed;
  --text-secondary: #cfc6b8;
  --text-disabled: #a79e90;
  --text-on-header: #1e1a16;
  --text-on-inverse: #1e1a16;
  --text-on-accent: #1e1a16;
  --text-on-scrim: #f3f0ed;
  --fill-inverse: #f3f0ed;
  --fill-inverse-pressed: #cfc6b8;
  --fill-accent: #c2a878;
  --fill-accent-pressed: #1e1a16;
  --text-on-accent-pressed: #c2a878;
  --text-accent: #d2bc92;
  --icon-accent: #c2a878;
  --olive: #a3aa7a;
  --fill-disabled: #2a2520;
  --border-strong: #cfc6b8;
  --border-default: #a79e90;
  --border-hairline: #4a4238;
  --status-ok-fg: #7ee0a0;
  --status-ok-bg: #16301f;
  --status-warn-fg: #ffd60a;
  --status-warn-bg: #3a2d0e;
  --status-danger-fg: #ff9c9c;
  --status-danger-bg: #401717;
  --status-info-fg: #8fc2ff;
  --status-info-bg: #13283f;
  --ai-fg: #c9b6ff;
  --ai-bg: #2a1f45;
}

:root {
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --radius-chip: 6px;
  --radius-control: 8px;
  --radius-card: 10px;
  --target-shutter: 88px;
  --target-primary: 64px;
  --target-chip: 56px;
  --target-min: 44px;
  --border-control: 2px;
  --font-ui: "Montserrat", "Arial Narrow", sans-serif;
  --font-body: system-ui, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;
}