:root {
  --color-paper: oklch(98.5% 0.003 120);
  --color-surface: oklch(99.6% 0.002 130);
  --color-sidebar: oklch(97.2% 0.009 125);
  --color-soft: oklch(95% 0.01 140);
  --color-ink: oklch(27% 0.016 155);
  --color-muted: oklch(49% 0.015 155);
  --color-faint: oklch(57% 0.013 155);
  --color-rule: oklch(88.5% 0.009 140);
  --color-border: oklch(72% 0.012 140);
  --color-accent: oklch(38% 0.065 160);
  --color-accent-hover: oklch(30% 0.055 160);
  --color-active: oklch(92.5% 0.025 145);
  --color-status-success: oklch(33% 0.06 160);
  --color-status-warning: oklch(37% 0.07 65);
  --color-status-danger: oklch(37% 0.13 28);
  --color-status-neutral: oklch(39% 0.015 155);
  --color-chart: oklch(53% 0.103 151);
  --color-chart-fill: oklch(94% 0.027 135);
  --color-chart-secondary: oklch(64% 0.017 135);
  --color-chart-point: oklch(72% 0.12 110);
  --color-warning: oklch(46% 0.09 65);
  --color-warning-bg: oklch(96% 0.032 85);
  --color-danger: oklch(45% 0.15 28);
  --color-danger-bg: oklch(97% 0.015 28);
  --color-on-accent: oklch(99% 0.003 150);
  --color-overlay: oklch(20% 0.015 150 / 0.38);
  --font-body: 'Noto Sans JP', sans-serif;
  --font-display: 'Manrope', 'Noto Sans JP', sans-serif;
  --space-xs: 4px; --space-sm: 8px; --space-md: 16px; --space-lg: 24px;
  --space-xl: 32px; --space-2xl: 48px; --space-3xl: 64px;
  --text-sm: 12px; --text-base: 14px; --text-lg: 18px; --text-xl: 28px;
  --radius-sm: 6px; --radius-md: 10px;
  --touch-target: 44px;
  --mobile-tabbar-height: 64px;
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --ease-out: cubic-bezier(.16,1,.3,1); --ease-in: cubic-bezier(.7,0,.84,0);
  --ease-in-out: cubic-bezier(.65,0,.35,1); --dur-fast: 150ms;
}