/* ukka / Shokuwaka Design System のトークン（https://claude.ai/artifact/6UXuxQ9V4LikQY1v3kxsEu の project/tokens.css をコピー）。直接編集せず、デザインシステム側を更新して再コピーする */
:root, [data-theme="default"] {
  --stone-0: #ffffff;
  --stone-50: #faf9f8;
  --stone-100: #f4f2f0;
  --stone-200: #e9e5e1;
  --stone-300: #d8d2cc;
  --stone-400: #b5ada7;
  --stone-500: #8b837d;
  --stone-600: #645c57;
  --stone-700: #463f3b;
  --stone-800: #2f2725;
  --stone-900: #1d1816;
  --stone-950: #161616;
  --blue-50: #eef7fb;
  --blue-100: #d7edf5;
  --blue-200: #b2dcea;
  --blue-300: #83c7dd;
  --blue-400: #5cb2d2;
  --blue-500: #3fa1c6;
  --blue-600: #2f87aa;
  --blue-700: #2a6d8a;
  --blue-800: #285a71;
  --blue-900: #254b5e;
  --persimmon-50: #fdf1ea;
  --persimmon-300: #f2a877;
  --persimmon-500: #e8763c;
  --persimmon-700: #b8521f;
  --matcha-50: #f1f6ec;
  --matcha-300: #aecb93;
  --matcha-500: #7aa661;
  --matcha-700: #527040;
  --cherry-500: #d8473f;
  --green-500: #2e9e6b;
  --amber-500: #e0a11b;
  --red-500: #db4c40;
  --brand: var(--blue-500);
  --brand-hover: var(--blue-600);
  --brand-active: var(--blue-700);
  --brand-ink: var(--blue-700);
  --brand-soft: var(--blue-50);
  --brand-soft-bd: var(--blue-200);
  --corp: var(--stone-800);
  --corp-ink: var(--stone-950);
  --text-strong: var(--stone-950);
  --text-body: var(--stone-800);
  --text-muted: var(--stone-600);
  --text-subtle: var(--stone-500);
  --text-disabled: var(--stone-400);
  --text-inverse: var(--stone-0);
  --text-brand: var(--blue-700);
  --text-link: var(--blue-600);
  --surface-page: var(--stone-50);
  --surface-card: var(--stone-0);
  --surface-sunken: var(--stone-100);
  --surface-raised: var(--stone-0);
  --surface-inverse: var(--stone-900);
  --surface-brand: var(--blue-500);
  --surface-brand-soft: var(--blue-50);
  --border-subtle: var(--stone-200);
  --border-default: var(--stone-300);
  --border-strong: var(--stone-400);
  --border-brand: var(--blue-500);
  --success: var(--green-500);
  --success-soft: #e7f4ee;
  --warning: var(--amber-500);
  --warning-soft: #fbf1d9;
  --danger: var(--red-500);
  --danger-soft: #fbe9e7;
  --info: var(--blue-500);
  --info-soft: var(--blue-50);
  --focus-ring: #3fa1c673;
  --data-1: var(--blue-500);
  --data-2: var(--persimmon-500);
  --data-3: var(--matcha-500);
  --data-4: var(--amber-500);
  --data-5: var(--blue-800);
  --data-6: var(--stone-400);
  --shadow-xs: 0 1px 2px rgba(47, 39, 37, 0.06);
  --shadow-sm: 0 1px 3px rgba(47, 39, 37, 0.08), 0 1px 2px rgba(47, 39, 37, 0.05);
  --shadow-md: 0 4px 12px rgba(47, 39, 37, 0.08), 0 2px 4px rgba(47, 39, 37, 0.05);
  --shadow-lg: 0 12px 28px rgba(47, 39, 37, 0.12), 0 4px 8px rgba(47, 39, 37, 0.06);
  --shadow-xl: 0 24px 48px rgba(47, 39, 37, 0.16);
  --shadow-brand: 0 8px 20px rgba(63, 161, 198, 0.28);
  --shadow-inset: inset 0 1px 2px rgba(47, 39, 37, 0.06);
}
:root {
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-9: 4rem;
  --space-10: 5rem;
  --space-12: 7rem;
  --border-hairline: 1px;
  --border-thick: 1.5px;
  --border-heavy: 2px;
  --ring-width: 3px;
  --container-sm: 640px;
  --container-md: 840px;
  --container-lg: 1080px;
  --container-xl: 1280px;
  --container-2xl: 1440px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-2xl: 28px;
  --radius-pill: 999px;
  --radius-circle: 50%;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 320ms;
  --dur-slower: 500ms;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 900;
  --text-2xs: 0.6875rem;
  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-base: 0.9375rem;
  --text-md: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;
  --text-4xl: 3rem;
  --text-5xl: 4rem;
  --text-6xl: 5.5rem;
  --lh-tight: 1.15;
  --lh-snug: 1.35;
  --lh-normal: 1.6;
  --lh-relaxed: 1.85;
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-wider: 0.12em;
  --z-base: 0;
  --z-raised: 10;
  --z-sticky: 100;
  --z-overlay: 1000;
  --z-modal: 1100;
  --z-toast: 1200;
  --z-tooltip: 1300;
  --font-jp-display: 'Zen Kaku Gothic New', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
  --font-jp-body: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
  --font-latin: 'Lexend', system-ui, -apple-system, sans-serif;
  --font-mono: 'Roboto Mono', ui-monospace, 'SFMono-Regular', monospace;
  --font-ui: 'Lexend', system-ui, -apple-system, sans-serif, 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
  --font-heading: 'Lexend', system-ui, -apple-system, sans-serif, 'Zen Kaku Gothic New', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
  --text-code: 400 0.9em/1.6 var(--font-mono); /* From `code, kbd, samp, pre` in tokens/base.css. */
  --text-pre: 400 0.9em/1.6 var(--font-mono); /* From `code, kbd, samp, pre` in tokens/base.css. */
  --text-kbd: 400 0.9em/1.6 var(--font-mono); /* From `code, kbd, samp, pre` in tokens/base.css. */
  --text-eyebrow: 600 12px/1.6 var(--font-latin); /* From `.eyebrow` in tokens/base.css — uppercase. */
}