/* Sole chromatic source for application UI. Palette variants affect all screens. */
:root {
 --background-main:#fafbfc; --surface:#fff; --surface-muted:#f2f5f6;
 --text-primary:#30383b; --text-secondary:#657278; --border-subtle:#e1e7ea; --border-strong:#bcc9ce;
 --accent-primary:#245e61; --accent-primary-hover:#1c4c4f; --accent-soft:#edf5f4;
 --accent-info:#376b7a; --info-soft:#edf4f6;
 --success:#287548; --success-soft:#eff8f2; --warning:#925900; --warning-soft:#fff6df; --danger:#b34d42; --danger-soft:#fbefed;
 --focus-color:var(--accent-info); --focus-ring:0 0 0 3px color-mix(in srgb,var(--focus-color) 22%,transparent);
 --shadow-soft:0 4px 18px color-mix(in srgb,var(--text-primary) 7%,transparent);
 --control-height:44px; --control-radius:8px; --panel-radius:12px;
 --today-accent:var(--accent-primary); --today-risk:var(--danger); --today-ink:var(--text-primary); --today-muted:var(--text-secondary); --today-line:var(--border-subtle); --today-paper:var(--surface); --today-context:var(--accent-info); --today-accent-soft:var(--accent-soft); --today-accent-detail:var(--accent-primary);
}
/* Design tokens, reset, layout and shared components. */
:root {
  color-scheme: light;
  --bg: var(--background-main);

  --surface-2: var(--surface-muted);
  --surface-3: var(--border-subtle);

  --ink: var(--text-primary);
  --muted: var(--text-secondary);
  --soft: var(--text-secondary);
  --line: var(--border-subtle);
  --line-strong: var(--border-strong);

  --accent-soft-2: var(--accent-soft);
  --accent-mid: var(--accent-primary);
  --accent: var(--accent-primary);
  --accent-hover: var(--accent-primary-hover);
  --accent-strong: var(--accent-primary);
  --pop: var(--accent-info);
  --pop-hover: var(--accent-info);
  --pop-soft: var(--info-soft);
  --pop-soft-2: var(--info-soft);
  --tech: var(--accent-info);
  --tech-hover: var(--accent-info);
  --tech-soft: var(--info-soft);
  --tech-soft-2: var(--info-soft);
  --sun-soft: var(--warning-soft);
  --solar-wash: var(--background-main);
  --slate: var(--accent-info);
  --slate-hover: var(--accent-info);
  --slate-soft: var(--info-soft);
  --slate-soft-2: var(--info-soft);
  --slate-tint: var(--surface-muted);
  --rose: var(--danger);
  --rose-soft: var(--danger-soft);
  --champagne: var(--surface-muted);






  --info: var(--accent-info);


  --shadow: var(--shadow-soft);

  --shadow-breath: var(--shadow-soft);
  --radius: 12px;
  --radius-sm: 10px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --text-caption: 0.72rem;
  --text-small: 0.82rem;
  --text-body: 0.92rem;
  --text-card-action: 1rem;
  --text-section: 1.08rem;
  --text-context: 1.2rem;
  --text-page: 1.65rem;
  --touch-target-min: 44px;
  --sidebar-width-collapsed: 70px;
  --sidebar-width-expanded: 228px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}