/* Vendored Agent 22 design tokens. CAL//DOLLAR keeps app layout in styles.css. */
:root,
[data-theme="agent-22"],
[data-theme="agent-22"][data-mode="dark"] {
  color-scheme: dark;
  --ui-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ui-font-mono: "SFMono-Regular", Menlo, Monaco, Consolas, monospace;
  --ui-text-xs: 0.75rem;
  --ui-text-sm: 0.875rem;
  --ui-text-base: 1rem;
  --ui-text-lg: 1.25rem;
  --ui-text-xl: 1.75rem;
  --ui-leading-tight: 1.18;
  --ui-leading-normal: 1.55;
  --ui-space-1: 0.35rem;
  --ui-space-2: 0.65rem;
  --ui-space-3: 1rem;
  --ui-space-4: 1.5rem;
  --ui-space-5: 2rem;
  --ui-target-min: 44px;
  --ui-focus-width: 2px;
  --ui-focus-offset: 3px;
  --ui-content-max: 78rem;
  --ui-radius-sm: 2px;
  --ui-radius-md: 4px;
  --ui-shadow-panel: 0 12px 30px rgba(0, 0, 0, 0.28);
  --ui-tracking-label: 0.08em;
  --ui-color-bg: #070a0f;
  --ui-color-surface: #101722;
  --ui-color-elevated: #172131;
  --ui-color-text: #edf4ff;
  --ui-color-muted: #91a0b8;
  --ui-color-line: #546781;
  --ui-color-primary: #48a7ff;
  --ui-color-secondary: #f5b942;
  --ui-color-info: #48a7ff;
  --ui-color-success: #4dd39b;
  --ui-color-warning: #f5b942;
  --ui-color-danger: #ff5d64;
  --ui-color-focus: #48a7ff;
  --ui-color-on-primary: #06111c;
  --ui-color-selection: #173f62;
}

[data-theme="agent-22"][data-mode="light"] {
  color-scheme: light;
  --ui-color-bg: #f2f5f8;
  --ui-color-surface: #ffffff;
  --ui-color-elevated: #e7edf3;
  --ui-color-text: #101820;
  --ui-color-muted: #526173;
  --ui-color-line: #738196;
  --ui-color-primary: #006db3;
  --ui-color-secondary: #8a5700;
  --ui-color-info: #006db3;
  --ui-color-success: #14734f;
  --ui-color-warning: #8a5700;
  --ui-color-danger: #b4232d;
  --ui-color-focus: #006db3;
  --ui-color-on-primary: #ffffff;
  --ui-color-selection: #cce8ff;
  --ui-shadow-panel: 0 8px 24px rgba(16, 24, 32, 0.1);
}

*, *::before, *::after { box-sizing: border-box; }

html {
  background: var(--ui-color-bg);
  color: var(--ui-color-text);
  font-family: var(--ui-font-sans);
  line-height: var(--ui-leading-normal);
  text-rendering: optimizeLegibility;
}

body { margin: 0; min-width: 320px; background: var(--ui-color-bg); color: var(--ui-color-text); }
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea { accent-color: var(--ui-color-primary); }
a { color: var(--ui-color-primary); text-underline-offset: 0.2em; }
::selection { background: var(--ui-color-selection); }
:focus-visible { outline: var(--ui-focus-width) solid var(--ui-color-focus); outline-offset: var(--ui-focus-offset); }

.skip-link {
  position: fixed;
  inset: var(--ui-space-2) auto auto var(--ui-space-2);
  z-index: 100;
  transform: translateY(-180%);
  padding: var(--ui-space-2) var(--ui-space-3);
  border-radius: var(--ui-radius-sm);
  background: var(--ui-color-primary);
  color: var(--ui-color-on-primary);
}
.skip-link:focus { transform: translateY(0); }

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

@media print {
  :root, [data-theme="agent-22"], [data-theme="agent-22"][data-mode] {
    color-scheme: light;
    --ui-color-bg: #ffffff;
    --ui-color-surface: #ffffff;
    --ui-color-elevated: #f3f3f3;
    --ui-color-text: #111111;
    --ui-color-muted: #444444;
    --ui-color-line: #666666;
    --ui-color-primary: #111111;
    --ui-color-secondary: #333333;
    --ui-color-info: #222222;
    --ui-color-success: #1f513d;
    --ui-color-warning: #5d4600;
    --ui-color-danger: #7d1d24;
    --ui-color-focus: #111111;
    --ui-color-on-primary: #ffffff;
    --ui-shadow-panel: none;
  }
}