/* ===== GENERATED — do not edit directly =====
   Source: specs/design_tokens.json
   Run:    node scripts/generate-tokens.mjs
   Generated: 2026-03-29
   ============================================ */

:root {
  /* ── Color — Core ──────────────────────────────────────── */
  --zen-ink-black: #2C2C2C;
  --zen-white: #F5F5F3;
  --zen-ev-moss: #607550;
  --zen-ev-sienna: #A06030;
  --zen-ev-plum: #6E4C5C;
  --zen-ink-wash: rgba(44, 44, 44, 0.08);
  --zen-silent-blue: #3C5160;

  /* ── Color — Semantic (Light) ──────────────────────────── */
  --zen-_comment_sentiment_system: Zen Poker DS v6.1 Sentiment System;
  --zen-_comment_primary_sentiments: EV-Axis Primary Sentiments (Zen Poker Domain-Specific);
  --zen-_comment_semantic_aliases: Standard UI Semantic Aliases (Resolving to EV-Axis Colors);
  --zen-bg: #F5F5F3;
  --zen-text-primary: #2C2C2C;
  --zen-text-secondary: rgba(44, 44, 44, 0.6);
  --zen-text-tertiary: rgba(44, 44, 44, 0.55);
  --zen-success-content: #607550;
  --zen-success-surface: rgba(96, 117, 80, 0.08);
  --zen-success-border: rgba(96, 117, 80, 0.3);
  --zen-success-badge-surface: rgba(96, 117, 80, 0.15);
  --zen-warning-content: #A06030;
  --zen-warning-surface: rgba(160, 96, 48, 0.08);
  --zen-warning-border: rgba(160, 96, 48, 0.3);
  --zen-warning-badge-surface: rgba(160, 96, 48, 0.15);
  --zen-error-content: #6E4C5C;
  --zen-error-surface: rgba(110, 76, 92, 0.08);
  --zen-error-border: rgba(110, 76, 92, 0.3);
  --zen-error-badge-surface: rgba(110, 76, 92, 0.15);
  --zen-overlay-light: rgba(44, 44, 44, 0.10);
  --zen-info: rgba(44, 44, 44, 0.6);
  --zen-ink-wash-elevated: rgba(44, 44, 44, 0.04);
  --zen-border: rgba(44, 44, 44, 0.15);
  --zen-divider: rgba(44, 44, 44, 0.15);
  --zen-interactive-content: #A06030;
  --zen-interactive-surface: #A06030;
  --zen-interactive-hover-content: #8A5228;
  --zen-interactive-hover-surface: #8A5228;
  --zen-interactive-active-content: #6D3D1A;
  --zen-interactive-disabled-content: rgba(160, 96, 48, 0.38);
  --zen-focus-ring: #3C5160;
  --zen-silent-blue: #3C5160;

  /* ── Color — Deck Suits (Light) ──────────────────────── */
  --zen-deck-spade: #1A1A1A;
  --zen-deck-club: #1A8C1A;
  --zen-deck-heart: #CC2200;
  --zen-deck-diamond: #0066CC;

  /* ── Typography — Font Family ──────────────────────────── */
  --font-mincho: 'Hiragino Mincho ProN', 'Noto Serif CJK JP', 'Noto Serif JP', Georgia, 'Times New Roman', serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Noto Sans CJK JP', system-ui, sans-serif;
  --font-mono: 'SF Mono', 'Fira Code', 'Cascadia Code', 'Noto Sans Mono', monospace;

  /* ── Typography — Font Size ────────────────────────────── */
  --font-size-display: 48px;
  --font-size-h1: 36px;
  --font-size-h2: 28px;
  --font-size-h3: 24px;
  --font-size-h4: 20px;
  --font-size-h5: 16px;
  --font-size-h6: 14px;
  --font-size-body: 16px;
  --font-size-body-sm: 14px;
  --font-size-caption: 12px;
  --font-size-overline: 11px;

  /* ── Typography — Font Weight ──────────────────────────── */
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;

  /* ── Typography — Line Height ──────────────────────────── */
  --line-height-display: 1.15;
  --line-height-h1: 1.2;
  --line-height-h2: 1.25;
  --line-height-h3: 1.3;
  --line-height-h4: 1.35;
  --line-height-h5: 1.4;
  --line-height-h6: 1.4;
  --line-height-body: 1.6;
  --line-height-body-sm: 1.5;
  --line-height-caption: 1.4;
  --line-height-overline: 1.4;

  /* ── Typography — Letter Spacing ───────────────────────── */
  --letter-spacing-display: -0.02em;
  --letter-spacing-h1: -0.015em;
  --letter-spacing-h2: -0.01em;
  --letter-spacing-h3: -0.005em;
  --letter-spacing-h4: 0em;
  --letter-spacing-h5: 0em;
  --letter-spacing-h6: 0.01em;
  --letter-spacing-body: 0em;
  --letter-spacing-body-sm: 0.005em;
  --letter-spacing-caption: 0.01em;
  --letter-spacing-overline: 0.08em;

  /* ── Spacing ────────────────────────────────────────────── */
  --zen-space-0: 0px;
  --zen-space-1: 4px;
  --zen-space-2: 8px;
  --zen-space-3: 12px;
  --zen-space-4: 16px;
  --zen-space-5: 24px;
  --zen-space-6: 32px;
  --zen-space-7: 48px;
  --zen-space-8: 64px;
  --zen-space-9: 96px;

  /* ── Border Radius ──────────────────────────────────────── */
  --radius-_comment_css_variable_mapping: CSS Variable Naming Convention;
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* ── Shadow ─────────────────────────────────────────────── */
  --shadow-sm: 0 1px 2px rgba(44, 44, 44, 0.05);
  --shadow-md: 0 2px 4px rgba(44, 44, 44, 0.08);
  --shadow-lg: 0 4px 12px rgba(44, 44, 44, 0.10);

  /* ── Animation — Duration ───────────────────────────────── */
  --duration-fast: 100ms;
  --duration-default: 200ms;
  --duration-slow: 300ms;
  --duration-slower: 500ms;

  /* ── Animation — Easing ─────────────────────────────────── */
  --easing-default: cubic-bezier(0.4, 0, 0.2, 1);
  --easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --easing-linear: linear;

  /* ── Opacity ─────────────────────────────────────────────── */
  --opacity-text-secondary: 0.6;
  --opacity-text-tertiary: 0.55;
  --opacity-disabled: 0.38;
  --opacity-overlay: 0.5;
  --opacity-hover: 0.08;
  --opacity-pressed: 0.12;

  /* ── Z-Index ─────────────────────────────────────────────── */
  --z-base: 0;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-modal-backdrop: 300;
  --z-modal: 400;
  --z-toast: 500;
  --z-tooltip: 600;

  /* ── Effect — Glass ──────────────────────────────────────── */
  --zen-glass-blur: 12px;
  --zen-glass-saturation: 140%;
  --zen-glass-bg-opacity: 0.6;
  --zen-glass-rim-opacity: 0.08;
  --zen-glass-border-opacity: 0.12;

  /* ── Effect — Chromatic ─────────────────────────────────── */
  --zen-chromatic-offset: 2;
  --zen-chromatic-opacity: 0.6;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* ── Color — Semantic (Dark) ─────────────────────────── */
    --zen-bg: #1A1A1A;
    --zen-text-primary: #D4D4D2;
    --zen-text-secondary: rgba(212, 212, 210, 0.7);
    --zen-text-tertiary: rgba(212, 212, 210, 0.5);
    --zen-success-content: #8FA67D;
    --zen-success-surface: rgba(143, 166, 125, 0.12);
    --zen-success-border: rgba(143, 166, 125, 0.3);
    --zen-success-badge-surface: rgba(143, 166, 125, 0.18);
    --zen-warning-content: #C07848;
    --zen-warning-surface: rgba(192, 120, 72, 0.12);
    --zen-warning-border: rgba(192, 120, 72, 0.3);
    --zen-warning-badge-surface: rgba(192, 120, 72, 0.18);
    --zen-error-content: #AC7888;
    --zen-error-surface: rgba(172, 120, 136, 0.12);
    --zen-error-border: rgba(170, 122, 122, 0.3);
    --zen-error-badge-surface: rgba(170, 122, 122, 0.18);
    --zen-overlay-light: rgba(0, 0, 0, 0.20);
    --zen-info: rgba(212, 212, 210, 0.7);
    --zen-ink-wash: rgba(212, 212, 210, 0.06);
    --zen-ink-wash-elevated: rgba(212, 212, 210, 0.1);
    --zen-border: rgba(212, 212, 210, 0.15);
    --zen-divider: rgba(212, 212, 210, 0.12);
    --zen-interactive-content: #C07848;
    --zen-interactive-surface: #C07848;
    --zen-interactive-hover-content: #A86838;
    --zen-interactive-hover-surface: #A86838;
    --zen-interactive-active-content: #8A5228;
    --zen-interactive-disabled-content: rgba(192, 120, 72, 0.38);
    --zen-focus-ring: #6888A0;
    --zen-silent-blue: #6888A0;

    /* ── Color — Deck Suits (Dark) ────────────────────────── */
    --zen-deck-spade: #D4D4D2;
    --zen-deck-club: #4DB84D;
    --zen-deck-heart: #FF4433;
    --zen-deck-diamond: #3399FF;

    /* ── Shadow (Dark) ───────────────────────────────────── */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 2px 4px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.4);
  }
}