/* Generated by scripts/build_tokens.mjs from design-tokens.json — do not edit by hand. */
:root {
  --color-action-primary: #135e91;
  --color-action-primary-hover: #0e4b75;
  --color-action-primary-active: #0c3b5c;
  --color-action-secondary: #fcfbf7;
  --color-action-secondary-hover: #ece7da;
  --color-action-secondary-active: #dcd5c2;
  --color-action-destructive: #c1332b;
  --color-action-destructive-hover: #9e2822;
  --color-action-destructive-active: #7c201b;
  --color-feedback-success-bg: #ecf8f0;
  --color-feedback-success-text: #13552f;
  --color-feedback-success-border: #86cfa0;
  --color-feedback-success-icon: #1c8648;
  --color-feedback-warning-bg: #fdf5e1;
  --color-feedback-warning-text: #744810;
  --color-feedback-warning-border: #f0cb62;
  --color-feedback-warning-icon: #b3741a;
  --color-feedback-error-bg: #fdefee;
  --color-feedback-error-text: #7c201b;
  --color-feedback-error-border: #f1a6a0;
  --color-feedback-error-icon: #c1332b;
  --color-text-primary: #16222e;
  --color-text-secondary: #44586c;
  --color-text-tertiary: #5a6f84;
  --color-text-disabled: #a1b3c4;
  --color-text-on-action: #fcfbf7;
  --color-text-link: #135e91;
  --color-text-link-hover: #0c3b5c;
  --color-surface-page: #f6f3ec;
  --color-surface-card: #fcfbf7;
  --color-surface-raised: #fcfbf7;
  --color-surface-sunken: #ece7da;
  --color-surface-overlay: rgba(12, 21, 30, 0.6);
  --color-surface-disabled: #ece7da;
  --color-border-default: #dcd5c2;
  --color-border-strong: #5a6f84;
  --color-border-focus: #135e91;
  --color-border-error: #c1332b;
  --color-border-disabled: #dcd5c2;
  --color-interactive-hover-overlay: rgba(22, 34, 46, 0.06);
  --color-interactive-active-overlay: rgba(22, 34, 46, 0.12);
  --color-interactive-selected-bg: #e8f3fa;
  --color-interactive-selected-border: #135e91;
  --color-interactive-selected-text: #0c3b5c;
  --color-board-water: #cfe5f4;
  --color-board-water-hover: #a5cdea;
  --color-board-water-active: #6eaedb;
  --color-board-line: #1e75ae;
  --color-board-label: #44586c;
  --color-board-miss: #ece7da;
  --color-board-miss-mark: #5a6f84;
  --color-board-halo-mark: #76899d;
  --color-board-hit: #e25423;
  --color-board-hit-mark: #fcfbf7;
  --color-board-sunk: #16222e;
  --color-board-sunk-mark: #ff9674;
  --color-board-ship: #e8f3fa;
  --color-board-ship-mark: #344556;
  --color-board-pending-mark: #0e4b75;
  --color-prize-bg: #16222e;
  --color-prize-text: #fcfbf7;
  --color-prize-muted: #c7d3de;
  --color-prize-accent: #ff9674;
  --color-prize-code-bg: #243240;
  --color-prize-code-border: #76899d;
  --color-button-primary-bg: #135e91;
  --color-button-primary-bg-hover: #0e4b75;
  --color-button-primary-bg-active: #0c3b5c;
  --color-button-primary-text: #fcfbf7;
  --color-button-secondary-bg: #fcfbf7;
  --color-button-secondary-bg-hover: #ece7da;
  --color-button-secondary-bg-active: #dcd5c2;
  --color-button-secondary-text: #16222e;
  --color-button-secondary-border: #5a6f84;
  --color-button-destructive-bg: #c1332b;
  --color-button-destructive-bg-hover: #9e2822;
  --color-button-destructive-bg-active: #7c201b;
  --color-button-destructive-text: #fcfbf7;
  --color-input-bg: #fcfbf7;
  --color-input-border: #5a6f84;
  --color-input-border-hover: #16222e;
  --color-input-border-focus: #135e91;
  --color-input-border-error: #c1332b;
  --color-input-text: #16222e;
  --color-input-placeholder: #5a6f84;
  --color-card-bg: #fcfbf7;
  --color-card-border: #dcd5c2;
  --color-badge-neutral-bg: #ece7da;
  --color-badge-neutral-text: #16222e;
  --color-badge-success-bg: #ecf8f0;
  --color-badge-success-text: #13552f;
  --color-badge-warning-bg: #fdf5e1;
  --color-badge-warning-text: #744810;
  --color-badge-error-bg: #fdefee;
  --color-badge-error-text: #7c201b;
  --font-sans: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --leading-display: 1.05;
  --leading-tight: 1.25;
  --leading-normal: 1.5;
  --space-0: 0rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-0-5: 0.125rem;
  --space-1-5: 0.375rem;
  --radius-sm: 0.125rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.75rem;
  --radius-full: 9999px;
  --radius-cell: 0.125rem;
  --radius-button: 0.375rem;
  --radius-input: 0.375rem;
  --radius-card: 0.75rem;
  --radius-badge: 9999px;
  --shadow-raised: 0 1px 2px rgba(12, 21, 30, 0.08), 0 8px 24px -8px rgba(12, 21, 30, 0.18);
  --shadow-focus-ring: 0 0 0 2px #f6f3ec, 0 0 0 4px #135e91;
  --shadow-focus-ring-inverse: 0 0 0 2px #16222e, 0 0 0 4px #ff9674;
  --duration-fast: 100ms;
  --duration-base: 200ms;
  --duration-moderate: 300ms;
  --duration-spin: 800ms;
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --size-hairline: 1px;
  --size-stroke: 2px;
  --size-control-sm: 2rem;
  --size-control-md: 2.75rem;
  --size-control-lg: 3.25rem;
  --size-icon-sm: 1rem;
  --size-icon-md: 1.25rem;
  --size-icon-lg: 1.5rem;
  --size-icon-xl: 2.5rem;
  --size-target-min: 1.5rem;
  --size-board-label: 1.25rem;
  --size-game-column: 28rem;
  --size-admin-column: 76rem;
  --size-measure: 65ch;
  --size-field-narrow: 9rem;
  --size-tracking-display: -0.02em;
  --size-tracking-label: 0.06em;
  --size-tracking-code: 0.08em;
  --size-display-fluid: 13vw;
  --size-field-min: 13rem;
  --size-field-wide: 22rem;
  --size-empty-min: 40vh;
  --opacity-disabled: 0.5;
  --z-sticky: 10;
  --z-overlay: 100;
}
:root[data-theme="dark"] {
  --color-action-primary: #6eaedb;
  --color-action-primary-hover: #a5cdea;
  --color-action-primary-active: #cfe5f4;
  --color-action-secondary: #16222e;
  --color-action-secondary-hover: #243240;
  --color-action-secondary-active: #344556;
  --color-action-destructive: #e8756c;
  --color-action-destructive-hover: #f1a6a0;
  --color-action-destructive-active: #f1a6a0;
  --color-feedback-success-bg: #0f3d23;
  --color-feedback-success-text: #86cfa0;
  --color-feedback-success-border: #1c8648;
  --color-feedback-success-icon: #4fb276;
  --color-feedback-warning-bg: #4a2f0b;
  --color-feedback-warning-text: #f0cb62;
  --color-feedback-warning-border: #b3741a;
  --color-feedback-warning-icon: #f0cb62;
  --color-feedback-error-bg: #4f1512;
  --color-feedback-error-text: #f1a6a0;
  --color-feedback-error-border: #c1332b;
  --color-feedback-error-icon: #e8756c;
  --color-text-primary: #f1f5f8;
  --color-text-secondary: #c7d3de;
  --color-text-tertiary: #a1b3c4;
  --color-text-disabled: #44586c;
  --color-text-on-action: #0c151e;
  --color-text-link: #6eaedb;
  --color-text-link-hover: #a5cdea;
  --color-surface-page: #0c151e;
  --color-surface-card: #16222e;
  --color-surface-raised: #243240;
  --color-surface-sunken: #16222e;
  --color-surface-overlay: rgba(0, 0, 0, 0.7);
  --color-surface-disabled: #243240;
  --color-border-default: #243240;
  --color-border-strong: #76899d;
  --color-border-focus: #6eaedb;
  --color-border-error: #e8756c;
  --color-border-disabled: #243240;
  --color-interactive-hover-overlay: rgba(241, 245, 248, 0.08);
  --color-interactive-active-overlay: rgba(241, 245, 248, 0.14);
  --color-interactive-selected-bg: #0a2c45;
  --color-interactive-selected-border: #6eaedb;
  --color-interactive-selected-text: #cfe5f4;
  --color-board-water: #0a2c45;
  --color-board-water-hover: #0c3b5c;
  --color-board-water-active: #0e4b75;
  --color-board-line: #3f90c8;
  --color-board-label: #a1b3c4;
  --color-board-miss: #16222e;
  --color-board-miss-mark: #a1b3c4;
  --color-board-halo-mark: #76899d;
  --color-board-hit: #e25423;
  --color-board-hit-mark: #fcfbf7;
  --color-board-sunk: #f6f3ec;
  --color-board-sunk-mark: #9d340f;
  --color-board-ship: #16222e;
  --color-board-ship-mark: #c7d3de;
  --color-board-pending-mark: #a5cdea;
  --color-prize-bg: #f6f3ec;
  --color-prize-text: #16222e;
  --color-prize-muted: #44586c;
  --color-prize-accent: #9d340f;
  --color-prize-code-bg: #fcfbf7;
  --color-prize-code-border: #5a6f84;
  --color-button-primary-bg: #6eaedb;
  --color-button-primary-bg-hover: #a5cdea;
  --color-button-primary-bg-active: #cfe5f4;
  --color-button-primary-text: #0c151e;
  --color-button-secondary-bg: #16222e;
  --color-button-secondary-bg-hover: #243240;
  --color-button-secondary-bg-active: #344556;
  --color-button-secondary-text: #f1f5f8;
  --color-button-secondary-border: #76899d;
  --color-button-destructive-bg: #e8756c;
  --color-button-destructive-bg-hover: #f1a6a0;
  --color-button-destructive-bg-active: #f1a6a0;
  --color-button-destructive-text: #0c151e;
  --color-input-bg: #16222e;
  --color-input-border: #76899d;
  --color-input-border-hover: #f1f5f8;
  --color-input-border-focus: #6eaedb;
  --color-input-border-error: #e8756c;
  --color-input-text: #f1f5f8;
  --color-input-placeholder: #a1b3c4;
  --color-card-bg: #16222e;
  --color-card-border: #243240;
  --color-badge-neutral-bg: #16222e;
  --color-badge-neutral-text: #f1f5f8;
  --color-badge-success-bg: #0f3d23;
  --color-badge-success-text: #86cfa0;
  --color-badge-warning-bg: #4a2f0b;
  --color-badge-warning-text: #f0cb62;
  --color-badge-error-bg: #4f1512;
  --color-badge-error-text: #f1a6a0;
  --shadow-raised: 0 1px 2px rgba(12, 21, 30, 0.08), 0 8px 24px -8px rgba(12, 21, 30, 0.18);
  --shadow-focus-ring: 0 0 0 2px #0c151e, 0 0 0 4px #6eaedb;
  --shadow-focus-ring-inverse: 0 0 0 2px #f6f3ec, 0 0 0 4px #9d340f;
}