/* Hallmark: Ecosystem Index × Playful × Hum */
:root {
  --font-display: "M PLUS Rounded 1c", sans-serif;
  --font-body: "Noto Sans JP", sans-serif;

  --color-paper: oklch(98.6% 0.014 84.6);
  --color-paper-raised: oklch(99.6% 0.007 97.3);
  --color-paper-soft: oklch(95.3% 0.016 86.4);
  --color-paper-cyan: oklch(96.7% 0.017 196.9);
  --color-paper-coral: oklch(96.6% 0.017 35.3);
  --color-ink: oklch(29.4% 0.034 224.3);
  --color-ink-soft: oklch(43.8% 0.030 222.2);
  --color-muted: oklch(53.3% 0.023 219.9);
  --color-rule: oklch(86.8% 0.019 86.2);
  --color-rule-strong: oklch(77% 0.015 202.4);
  --color-accent: oklch(83.1% 0.088 201.1);
  --color-accent-ink: oklch(30.2% 0.042 210.3);
  --color-accent-strong: oklch(52.9% 0.086 207.6);
  --color-coral: oklch(74.1% 0.130 30.8);
  --color-coral-ink: oklch(28.6% 0.065 30.1);
  --color-pear: oklch(90.6% 0.134 115.6);
  --color-pear-ink: oklch(29.7% 0.059 125.4);
  --color-live: oklch(55.1% 0.188 15.4);
  --color-live-ink: oklch(98.6% 0.014 84.6);
  --color-focus: oklch(47.1% 0.164 259.7);
  --color-error: oklch(47.9% 0.164 23);
  --color-error-soft: oklch(94.9% 0.022 24.4);
  --color-error-ink: oklch(35.8% 0.122 22.1);
  --color-shadow: oklch(29.4% 0.034 224.3 / 0.12);
  --color-shadow-strong: oklch(29.4% 0.034 224.3 / 0.2);
  --color-backdrop: oklch(29.4% 0.034 224.3 / 0.58);
  --color-skeleton: oklch(91.1% 0.017 84.6);
  --color-transparent: transparent;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;

  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.25rem;
  --radius-pill: 999px;

  --shadow-card: 0 0.7rem 1.8rem var(--color-shadow);
  --shadow-dialog: 0 1.25rem 4rem var(--color-shadow-strong);

  --layout-max: 82rem;
  --layout-gutter: clamp(1rem, 3vw, 2.5rem);
  --header-height: 4.5rem;

  --dur-instant: 100ms;
  --dur-short: 180ms;
  --dur-medium: 300ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}