/* Design tokens, reset, layout and shared components. */
:root {
  color-scheme: light;
  --bg: #f7f7f5;
  --surface: #ffffff;
  --surface-2: #f3f3f0;
  --surface-3: #ecece8;
  --surface-muted: #f8f8f6;
  --ink: #202321;
  --muted: #676c68;
  --soft: #929792;
  --line: #e2e3df;
  --line-strong: #d2d4cf;
  --accent-soft: #e9f7f5;
  --accent-soft-2: #ccebe7;
  --accent-mid: #4caaa5;
  --accent: #267f7b;
  --accent-hover: #1f6966;
  --accent-strong: #174f4d;
  --pop: #3f8fda;
  --pop-hover: #276fb9;
  --pop-soft: #ecf6ff;
  --pop-soft-2: #c9e5fb;
  --tech: #13aeb3;
  --tech-hover: #0c8e95;
  --tech-soft: #e5fbfa;
  --tech-soft-2: #b9eeee;
  --sun-soft: #fff7e8;
  --solar-wash: #f4fcfb;
  --slate: #244846;
  --slate-hover: #193a38;
  --slate-soft: #edf5f3;
  --slate-soft-2: #cfe6e4;
  --slate-tint: #f4faf9;
  --rose: #dc2626;
  --rose-soft: #fef2f2;
  --champagne: #f7f4ec;
  --success: #16a34a;
  --success-soft: #ecfdf3;
  --warning: #d97706;
  --warning-soft: #fff7df;
  --danger: #dc2626;
  --danger-soft: #fef2f2;
  --info: var(--slate);
  --info-soft: var(--slate-soft);
  --focus-ring: 0 0 0 3px rgba(38, 127, 123, 0.14);
  --shadow: 0 14px 40px rgba(25, 31, 28, 0.08);
  --shadow-soft: 0 1px 3px rgba(25, 31, 28, 0.045);
  --shadow-breath: 0 4px 14px rgba(25, 31, 28, 0.045);
  --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: 54px;
  --sidebar-width-expanded: 232px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}