/* Auto-generated from design-tokens.json — do not edit by hand; run: npm run build:tokens */
:root {
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-5: 24px;
  --ds-space-6: 32px;
  --ds-space-7: 48px;
  --ds-space-8: 64px;
  --ds-space-9: 96px;
  --ds-space-10: 128px;
  --ds-radius-sm: 8px;
  --ds-radius-md: 12px;
  --ds-radius-lg: 20px;
  --ds-radius-xl: 24px;
  --ds-color-label-primary: #1a1714;
  --ds-color-label-secondary: #5c534a;
  --ds-color-label-tertiary: #8c8070;
  --ds-color-fill-primary: #faf7f1;
  --ds-color-fill-secondary: #f5f0e8;
  --ds-color-fill-tertiary: #f2ebe1;
  --ds-color-fill-quaternary: #e6ddd0;
  --ds-color-accent: #c8401a;
  --ds-color-accent-pressed: #a33515;
  --ds-color-separator: rgba(26,23,20,0.12);
  --ds-color-semantic-success: #2d6a4f;
  --ds-color-semantic-warning: #b8860b;
  --ds-color-semantic-error: #9b2335;
  --ds-color-semantic-info: #1f4e79;
  --ds-font-display: 'Shippori Mincho', serif;
  --ds-font-body: 'Noto Sans JP', system-ui, sans-serif;
  --ds-font-mono: 'DM Mono', ui-monospace, monospace;
  --ds-duration-fast: 120ms;
  --ds-duration-normal: 200ms;
  --ds-ease-standard: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ds-shadow-paper: 0 18px 48px -28px rgba(26, 23, 20, 0.14);
  --ds-shadow-nav: 0 8px 32px -20px rgba(26, 23, 20, 0.08);
  --ds-shadow-card-hover: 0 16px 40px -28px rgba(26, 23, 20, 0.14);
  --ds-container-max: 1200px;
  --ds-section-pad-y: var(--ds-space-10);
  --ds-section-pad-y-md: var(--ds-space-9);
  --ds-nav-pad-x: var(--ds-space-7);
  --ds-nav-pad-y: var(--ds-space-5);
  --ink: var(--ds-color-label-primary);
  --paper: var(--ds-color-fill-secondary);
  --paper-0: var(--ds-color-fill-primary);
  --paper-1: var(--ds-color-fill-tertiary);
  --paper-2: var(--ds-color-fill-quaternary);
  --paper-fiber: rgba(255, 252, 246, 0.42);
  --accent: var(--ds-color-accent);
  --muted: var(--ds-color-label-tertiary);
  --line: var(--ds-color-separator);
  --serif: var(--ds-font-display);
  --mono: var(--ds-font-mono);
  --sans: var(--ds-font-body);
  --shadow-paper: var(--ds-shadow-paper);
  --inset-paper: inset 0 1px 0 rgba(255, 255, 255, 0.55);
  /* liquid-glass（紙トーンに合わせた暖色クリア） */
  --glass-surface: rgba(255, 253, 248, 0.5);
  --glass-surface-hover: rgba(252, 248, 240, 0.78);
  --glass-border: rgba(26, 23, 20, 0.07);
  --glass-border-strong: rgba(26, 23, 20, 0.11);
  --glass-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.72);
  --glass-shadow: 0 12px 40px -22px rgba(26, 23, 20, 0.14);
  --glass-blur: 16px;
}