/* ══════════════════════════════════════════════════════════════
   BoardUI theme (dark) — generated from BoardUI styles/theme.css (MIT)
   https://github.com/BoardUI/boardui

   BoardUI は Tailwind v4 の @theme / :root / .dark で色を定義している。このアプリは
   ビルドなし・ダーク固定なので、ライトの値にダークの上書きを重ねた結果を :root に
   そのまま書き出している（値は var() / color-mix() のまま。手で書き換えない）。
   ══════════════════════════════════════════════════════════════ */
:root {
  color-scheme: dark;

  /* ── color primitives (Tailwind v4 defaults + BoardUI overrides) ── */
  --color-white: #fff;
  --color-neutral-50: oklch(98.5% 0 none);
  --color-neutral-100: #f7f7f7;
  --color-neutral-400: oklch(70.8% 0 none);
  --color-neutral-500: oklch(55.6% 0 none);
  --color-neutral-600: oklch(43.9% 0 none);
  --color-neutral-700: oklch(37.1% 0 none);
  --color-neutral-800: oklch(26.9% 0 none);
  --color-neutral-900: oklch(20.5% 0 none);
  --color-neutral-925: #121212;
  --color-accent-300: var(--color-blue-300);
  --color-accent-400: var(--color-blue-400);
  --color-accent-500: var(--color-blue-500);
  --color-accent-600: var(--color-blue-600);
  --color-accent-700: var(--color-blue-700);
  --color-accent-800: var(--color-blue-800);
  --color-accent-900: var(--color-blue-900);
  --color-accent-950: var(--color-blue-950);
  --color-blue-300: oklch(80.9% 0.105 251.813);
  --color-blue-400: #3392ff;
  --color-blue-500: oklch(62.3% 0.214 259.815);
  --color-blue-600: oklch(54.6% 0.245 262.881);
  --color-blue-700: oklch(48.8% 0.243 264.376);
  --color-blue-800: oklch(42.4% 0.199 265.638);
  --color-blue-900: oklch(37.9% 0.146 265.522);
  --color-blue-950: oklch(28.2% 0.091 267.935);
  --color-red-200: oklch(88.5% 0.062 18.334);
  --color-red-300: oklch(80.8% 0.114 19.571);
  --color-red-400: oklch(70.4% 0.191 22.216);
  --color-red-500: oklch(63.7% 0.237 25.331);
  --color-red-600: oklch(57.7% 0.245 27.325);
  --color-red-700: oklch(50.5% 0.213 27.518);
  --color-red-900: oklch(39.6% 0.141 25.723);
  --color-red-950: oklch(25.8% 0.092 26.042);
  --color-rose-300: oklch(81% 0.117 11.638);
  --color-rose-500: oklch(64.5% 0.246 16.439);
  --color-rose-800: oklch(45.5% 0.188 13.697);
  --color-rose-950: oklch(27.1% 0.105 12.094);
  --color-lime-200: oklch(93.8% 0.127 124.321);
  --color-lime-300: oklch(89.7% 0.196 126.665);
  --color-lime-500: oklch(76.8% 0.233 130.85);
  --color-lime-800: oklch(45.3% 0.124 130.933);
  --color-lime-950: oklch(27.4% 0.072 132.109);
  --color-green-500: oklch(72.3% 0.219 149.579);
  --color-green-800: oklch(44.8% 0.119 151.328);
  --color-yellow-500: oklch(79.5% 0.184 86.047);
  --color-yellow-800: oklch(47.6% 0.114 61.907);
  --color-yellow-950: oklch(28.6% 0.066 53.813);
  --color-orange-500: oklch(70.5% 0.213 47.604);
  --color-orange-950: oklch(26.6% 0.079 36.259);
  --color-cyan-400: oklch(78.9% 0.154 211.53);
  --color-cyan-950: oklch(30.2% 0.056 229.695);
  --color-purple-300: oklch(82.7% 0.119 306.383);
  --color-purple-900: oklch(38.1% 0.176 304.987);
  --color-indigo-800: oklch(39.8% 0.195 277.366);
  --color-zinc-800: oklch(27.4% 0.006 286.033);

  /* ── radii / shadows / motion ── */
  --radius-xs: 0.125rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --radius-4xl: 2rem;
  --radius-2lg: 10px;
  --radius-2-5xl: 20px;
  --radius-notification-card: 10px;
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.12), 0 1px 3px 0 rgb(0 0 0 / 0.16);
  --shadow-md: 0 2px 4px -1px rgb(0 0 0 / 0.12), 0 4px 6px -1px rgb(0 0 0 / 0.18);
  --shadow-lg: 0 4px 6px -2px rgb(0 0 0 / 0.10), 0 10px 15px -3px rgb(0 0 0 / 0.18);
  --shadow-xl: 0 10px 10px -5px rgb(0 0 0 / 0.08), 0 20px 25px -5px rgb(0 0 0 / 0.20);
  --shadow-sidebar: 0 1px 0 0 rgb(0 0 0 / 0.10), 0 1px 12px 0 rgb(0 0 0 / 0.16), 0 0 1px 0 rgb(0 0 0 / 0.42);
  --shadow-nav-selected: 0 0 0 1px var(--color-accent-500), inset 0 1px 0 0 rgb(255 255 255 / 0.251);
  --shadow-checkbox-selected: inset 0 2px 0 0 rgb(255 255 255 / 0.25), inset 0 0 0 1px var(--color-accent-500);
  --shadow-card: 0 1px 1px 0 rgb(0 0 0 / 0.14);
  --shadow-dropdown: 0 1px 1px 0 rgb(0 0 0 / 0.14), 0 4px 4px 0 rgb(0 0 0 / 0.10);
  --shadow-waitlist: 0 0 6px 0 rgb(0 0 0 / 0.12), 0 0 64px 0 rgb(0 0 0 / 0.22), 0 0 1px 0 rgb(0 0 0 / 0.42), 0 1px 12px 0 rgb(0 0 0 / 0.14), 0 1px 0 0 rgb(0 0 0 / 0.08);
  --inset-shadow-2xs: inset 0 1px 0 0 rgb(0 0 0 / 0.05);
  --inset-shadow-xs: inset 0 1px 1px 0 rgb(0 0 0 / 0.05);
  --inset-shadow-sm: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --button-transition-ms: 150ms;
  --input-transition-ms: 150ms;
  --shadow-2xs: 0 1px rgb(0 0 0 / 0.16);
  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.18);

  /* ── semantic tokens ── */
  --color-foreground-full: var(--color-neutral-700);
  --color-foreground-icon-primary: var(--color-neutral-50);
  --color-foreground-icon-hover: var(--color-white);
  --color-foreground-icon-secondary: var(--color-neutral-500);
  --color-foreground-icon-tertiary: var(--color-neutral-600);
  --color-foreground-icon-quaternary: var(--color-neutral-700);
  --color-foreground-icon-error: var(--color-red-400);
  --color-foreground-icon-disabled: var(--color-neutral-800);
  --color-foreground-disabled: var(--color-neutral-700);
  --color-foreground-disabled-danger: var(--color-red-400);
  --color-input-disabled-foreground: var(--color-neutral-600);
  --color-icon-button-disabled-foreground: var(--color-neutral-500);
  --color-button-primary-disabled-foreground: var(--color-neutral-500);
  --color-text-primary: var(--color-neutral-50);
  --color-text-secondary: var(--color-neutral-500);
  --color-text-tertiary: var(--color-neutral-600);
  --color-text-disabled: var(--color-neutral-800);
  --color-text-disabled-danger: var(--color-red-300);
  --color-text-placeholder: var(--color-neutral-400);
  --color-text-error-primary: var(--color-red-400);
  --color-text-destructive: color-mix(in srgb, var(--color-red-500) 80%, var(--color-neutral-500));
  --color-input-disabled-text: color-mix(in srgb, var(--color-neutral-500) 40%, transparent);
  --color-text-white: var(--color-white);
  --color-background-full: var(--color-neutral-925);
  --color-background-primary-default: var(--color-neutral-800);
  --color-background-inner-default: color-mix(in srgb, var(--color-neutral-800) 60%, transparent);
  --color-background-primary-hover: color-mix(in srgb, var(--color-neutral-700) 60%, transparent);
  --color-background-primary-active: var(--color-neutral-800);
  --color-background-primary-disabled: var(--color-neutral-800);
  --color-input-disabled-background: color-mix(in srgb, var(--color-neutral-800) 30%, transparent);
  --color-background-secondary-default: var(--color-neutral-900);
  --color-background-secondary-hover: var(--color-neutral-800);
  --color-background-tertiary-default: var(--color-neutral-800);
  --color-background-tertiary-hover: var(--color-neutral-700);
  --color-background-tertiary-error: color-mix(in srgb, var(--color-red-950) 60%, transparent);
  --color-avatar-neutral-background: var(--color-background-primary-default);
  --color-background-quaternary-default: var(--color-neutral-700);
  --color-background-quaternary-hover: var(--color-neutral-600);
  --color-background-quaternary-error: var(--color-red-200);
  --color-border-button-default: var(--color-neutral-700);
  --color-border-button-hover: var(--color-neutral-500);
  --color-border-button-active: var(--color-neutral-600);
  --color-border-button-white: var(--color-zinc-800);
  --color-border-error-default: var(--color-red-400);
  --color-border-checkbox-default: var(--color-neutral-700);
  --color-border-checkbox-hover: var(--color-neutral-500);
  --color-border-checkbox-active: var(--color-neutral-500);
  --color-border-checkbox-white: var(--color-white);
  --color-border-table: var(--color-neutral-800);
  --color-border-button-group: color-mix(in srgb, var(--color-neutral-600) 60%, transparent);
  --color-separator-border: var(--color-neutral-800);
  --color-separator-border-strong: color-mix(in srgb, var(--color-neutral-700) 60%, transparent);
  --color-border-focus-ring: var(--color-accent-500);
  --color-state-success-text: var(--color-lime-800);
  --color-state-success-base: var(--color-lime-200);
  --color-control-indicator-background: var(--color-white);
  --color-control-indicator-background-subtle: var(--color-neutral-100);
  --color-switch-off-chip-start: var(--color-background-tertiary-default);
  --color-switch-off-chip-end: var(--color-background-tertiary-default);
  --color-switch-on-chip-start: color-mix(in oklab, var(--color-accent-500) 63%, var(--color-accent-600));
  --color-switch-on-chip-end: color-mix(in oklab, var(--color-accent-600) 16%, var(--color-accent-700));
  --color-segmented-control-background: var(--color-neutral-925);
  --color-segmented-control-selected-background: var(--color-neutral-800);
  --color-button-ghost-background: var(--color-accent-900);
  --color-button-ghost-hover: var(--color-accent-800);
  --color-button-ghost-active: var(--color-accent-700);
  --color-button-ghost-disabled: var(--color-neutral-800);
  --color-button-ghost-foreground: var(--color-accent-300);
  --color-button-ghost-disabled-foreground: var(--color-neutral-600);
  --color-dropdown-item-hover-background: color-mix(in srgb, var(--color-neutral-700) 60%, transparent);
  --color-kbd-background: var(--color-neutral-700);
  --color-kbd-foreground: var(--color-neutral-400);
  --color-badge-neutral-background: var(--color-neutral-800);
  --color-badge-new-background: var(--color-accent-950);
  --color-badge-new-text: var(--color-accent-400);
  --color-tab-count-selected-background: color-mix(in srgb, var(--color-accent-800) 60%, transparent);
  --color-pill-tab-blue-selected-background: color-mix(in srgb, var(--color-accent-950) 60%, transparent);
  --color-pill-tab-blue-hover-background: var(--color-neutral-800);
  --color-notification-information-background: color-mix(in srgb, var(--color-blue-800) 50%, transparent);
  --color-notification-information-foreground: var(--color-blue-300);
  --color-notification-success-background: color-mix(in srgb, var(--color-lime-800) 50%, transparent);
  --color-notification-success-foreground: var(--color-lime-300);
  --color-notification-error-background: color-mix(in srgb, var(--color-rose-800) 50%, transparent);
  --color-notification-error-foreground: var(--color-rose-300);
  --color-notification-center-background: var(--color-neutral-900);
  --color-status-lime-background: color-mix(in srgb, var(--color-lime-950) 60%, transparent);
  --color-status-lime-text: var(--color-lime-500);
  --color-status-yellow-background: color-mix(in srgb, var(--color-yellow-950) 60%, transparent);
  --color-status-yellow-text: var(--color-yellow-500);
  --color-status-rose-background: color-mix(in srgb, var(--color-rose-950) 60%, transparent);
  --color-status-rose-text: var(--color-rose-500);
  --color-status-cyan-background: color-mix(in srgb, var(--color-cyan-950) 60%, transparent);
  --color-status-cyan-text: var(--color-cyan-400);
  --color-status-orange-background: color-mix(in srgb, var(--color-orange-950) 60%, transparent);
  --color-status-orange-text: var(--color-orange-500);
  --color-status-blue-background: color-mix(in srgb, var(--color-blue-950) 60%, transparent);
  --color-status-blue-text: var(--color-blue-300);
  --color-status-purple-background: color-mix(in srgb, var(--color-purple-900) 50%, transparent);
  --color-status-purple-text: var(--color-purple-300);
  --color-status-dot-green-halo: color-mix(in srgb, var(--color-green-800) 40%, transparent);
  --color-status-dot-yellow-halo: color-mix(in srgb, var(--color-yellow-800) 40%, transparent);
  --color-status-dot-indigo-halo: color-mix(in srgb, var(--color-indigo-800) 40%, transparent);
  --color-text-error-placeholder: var(--color-red-400);
  --gradient-button-primary-default: linear-gradient(180deg, var(--color-accent-500) 0%, var(--color-accent-600) 100%);
  --gradient-button-primary-hover: linear-gradient(180deg, var(--color-accent-400) 0%, var(--color-accent-500) 100%);
  --gradient-button-primary-active: linear-gradient(180deg, var(--color-accent-600) 0%, var(--color-accent-700) 100%);
  --gradient-button-primary-disabled: linear-gradient( 180deg, var(--color-neutral-700) 0%, var(--color-neutral-800) 100% );
  --gradient-button-danger-default: linear-gradient(180deg, var(--color-red-500) 0%, var(--color-red-600) 100%);
  --gradient-button-danger-hover: linear-gradient(180deg, var(--color-red-400) 0%, var(--color-red-500) 100%);
  --gradient-button-danger-active: linear-gradient(180deg, var(--color-red-600) 0%, var(--color-red-700) 100%);
  --gradient-button-danger-disabled: linear-gradient( 180deg, var(--color-red-900) 0%, var(--color-red-950) 100% );
}