/**
 * Yakokawa design tokens (MASTER = design-v2, D-008).
 * Enqueue from theme; do not invent competing palettes.
 */

:root {
  /* Canonical v2 names (used by site.css / ui.css) */
  --bg: #edf6f2;
  --surface: #ffffff;
  --mist: #dcefe8;
  --teal-900: #0e4242;
  --teal-700: #17625f;
  --turkus: #3fc6b6;
  --limonka: #bfe03f;
  --bean: #3e2a20;
  --chaga: #b4532a;
  --ink: #0e2e2d;
  --muted: #4d6866;
  --line: #c6ddd6;
  --display: "Jost", system-ui, sans-serif;
  --serif: "Source Serif 4", Georgia, serif;
  --wrap: 1200px;
  --gutter: clamp(16px, 4vw, 40px);
  --r-lg: 28px;
  --r-md: 16px;
  --r-sm: 10px;
  --error: #b42318;
  --error-bg: #fef3f2;
  --warn: #b54708;
  --warn-bg: #fffaeb;
  --ok-bg: #ecfdf3;
  --shadow: 0 18px 48px rgba(14, 66, 66, 0.16);

  /* Aliases for older --yk-* references */
  --yk-teal: var(--teal-900);
  --yk-teal-deep: #062e2e;
  --yk-cyan: var(--turkus);
  --yk-lime: var(--limonka);
  --yk-ink: var(--ink);
  --yk-paper: var(--bg);
  --yk-white: var(--surface);
  --yk-muted: var(--muted);
  --yk-line: var(--line);
  --yk-danger: var(--error);
  --yk-ok: #0f7a4c;
  --yk-font: var(--display);
  --yk-font-serif: var(--serif);
  --yk-font-mono: ui-monospace, "Cascadia Code", monospace;
  --yk-space-1: 0.25rem;
  --yk-space-2: 0.5rem;
  --yk-space-3: 1rem;
  --yk-space-4: 1.5rem;
  --yk-space-5: 2.5rem;
  --yk-space-6: 4rem;
  --yk-radius: var(--r-sm);
  --yk-radius-lg: var(--r-lg);
  --yk-focus: 0 0 0 3px color-mix(in srgb, var(--teal-700) 45%, transparent);
  --yk-transition: 180ms ease;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --yk-transition: 0ms;
  }
}