@charset "UTF-8";
/**
 * Design Tokens — Site 016: Kakuro Print
 * Elegant indigo palette with warm accents. Mathematical, refined.
 * Variables use --site-* prefix to match skin.css / base-structure.css.
 */

:root {
  /* -- Colors -- */
  --site-primary: #b23593;
  --site-primary-hover: #4f46e5;
  --site-primary-active: #4338ca;
  --site-primary-light: #e0e7ff;
  --site-primary-lighter: #eef2ff;
  --site-primary-border: #a5b4fc;
  --site-secondary: #f97316;
  --site-secondary-hover: #ea580c;
  --site-secondary-active: #c2410c;
  --site-secondary-light: #ffedd5;
  --site-secondary-border: #fed7aa;
  --site-accent: #d946ef;
  --site-accent-hover: #c026d3;
  --site-accent-active: #a21caf;
  --site-accent-light: #fae8ff;
  --site-accent-border: #f0abfc;
  --site-success: #059669;
  --site-success-hover: #047857;
  --site-success-light: #ecfdf5;
  --site-success-border: #a7f3d0;
  --site-warning: #d97706;
  --site-warning-hover: #b45309;
  --site-warning-light: #fffbeb;
  --site-warning-border: #fcd34d;
  --site-error: #dc2626;
  --site-error-hover: #b91c1c;
  --site-error-light: #fef2f2;
  --site-error-border: #fecaca;
  --site-info: #2563eb;
  --site-info-hover: #1d4ed8;
  --site-info-light: #eff6ff;
  --site-info-border: #bfdbfe;
  --site-background: #fafafe;
  --site-background-secondary: #f5f3ff;
  --site-background-tertiary: #ede9fe;
  --site-surface: #ffffff;
  --site-surface-raised: #ffffff;
  --site-surface-overlay: #ffffff;
  --site-text-primary: #1e1b4b;
  --site-text-secondary: #3730a3;
  --site-text-tertiary: #6366f1;
  --site-text-muted: #a5b4fc;
  --site-text-disabled: #c7d2fe;
  --site-text-inverse: #ffffff;
  --site-border: #e0e7ff;
  --site-border-medium: #c7d2fe;
  --site-border-strong: #a5b4fc;
  --site-border-inverse: #3730a3;
  --site-focus-ring: #4f46e5;
  --site-overlay: rgba(30, 27, 75, 0.5);

  /* -- Spacing -- */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;
  --spacing-4xl: 96px;
  --spacing-section: 80px;
  --spacing-container: 1200px;

  /* -- Radius -- */
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

  /* -- Shadows -- */
  --shadow-sm: 0 2px 4px -1px rgba(99, 102, 241, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 8px -2px rgba(99, 102, 241, 0.15), 0 2px 6px -1px rgba(0, 0, 0, 0.10);
  --shadow-lg: 0 12px 20px -4px rgba(99, 102, 241, 0.18), 0 4px 8px -2px rgba(0, 0, 0, 0.12);
  --shadow-xl: 0 24px 32px -8px rgba(99, 102, 241, 0.22), 0 8px 12px -4px rgba(0, 0, 0, 0.14);
  --shadow-2xl: 0 32px 48px -12px rgba(99, 102, 241, 0.26), 0 12px 16px -6px rgba(0, 0, 0, 0.18);
  --shadow-inner: inset 0 2px 6px 0 rgba(99, 102, 241, 0.12);
  --shadow-focus: 0 0 0 3px rgba(99, 102, 241, 0.3), 0 0 0 6px rgba(99, 102, 241, 0.15);
  --shadow-none: none;

  /* -- Typography -- */
  --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'Roboto Mono', 'Courier New', monospace;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-md: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 30px;
  --font-size-4xl: 36px;
  --font-size-5xl: 48px;
  --font-size-6xl: 60px;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

  /* -- Transitions -- */
  --dur-fast: 150ms;
  --dur-normal: 250ms;
  --dur-slow: 400ms;
}

/* Dark mode removed for accessibility - light theme only ensures consistent WCAG AA compliance */