/* LINK A design tokens v1 — docs/04-design-system.md */

:root {
  --color-bg: #F7F8FB;
  --color-surface: #FFFFFF;
  --color-surface-soft: #FFF3F6;
  --color-text: #172033;
  --color-text-muted: #687086;
  --color-line: #E6E9F0;

  --color-brand: #F45178;
  --color-brand-strong: #D93662;
  --color-brand-soft: #FFE7EE;

  --color-secondary: #6C63D9;
  --color-secondary-soft: #EEECFF;

  --color-available: #168A72;
  --color-available-soft: #E3F6F0;
  --color-warning: #B86411;
  --color-warning-soft: #FFF3E2;
  --color-danger: #C4364F;

  --color-info: #1F5FA8;
  --color-info-soft: #E8F1FB;

  --shadow-card: 0 8px 24px rgba(23, 32, 51, 0.08);

  --font-body: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", system-ui, sans-serif;
  --font-en: "Barlow Condensed", "Avenir Next Condensed", "Arial Narrow", -apple-system, sans-serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  --radius-chip: 999px;
  --radius-card: 14px;
  --radius-hero: 20px;

  --content-max: 1120px;
  --prose-max: 720px;

  --header-height: 56px;
  --bottom-nav-height: 60px;
}