@charset "UTF-8";
/**
 * Design Tokens — auto-generated by Phase 6a (generate-design-tokens.py)
 * Variables use --site-* prefix to match skin.css / base-structure.css.
 */

:root {
  /* ── Colors ── */
  --site-primary: #292524;
  --site-primary-hover: #44403c;
  --site-primary-dark: #1c1917;
  --site-primary-light: #fafaf9;
  --site-primary-border: #e7e5e4;
  --site-secondary: #b58863;
  --site-secondary-hover: #a67853;
  --site-secondary-dark: #8f6d4e;
  --site-secondary-light: #f0d9b5;
  --site-secondary-border: #d4c4a8;
  --site-accent: #2563eb;
  --site-accent-hover: #1d4ed8;
  --site-accent-dark: #1e40af;
  --site-accent-light: #dbeafe;
  --site-accent-border: #93c5fd;
  --site-success: #16a34a;
  --site-success-hover: #15803d;
  --site-success-light: #dcfce7;
  --site-success-border: #86efac;
  --site-warning: #f59e0b;
  --site-warning-hover: #d97706;
  --site-warning-light: #fef3c7;
  --site-warning-border: #fcd34d;
  --site-error: #dc2626;
  --site-error-hover: #b91c1c;
  --site-error-light: #fee2e2;
  --site-error-border: #fca5a5;
  --site-background: #ffffff;
  --site-background-secondary: #fafafa;
  --site-background-tertiary: #f5f5f5;
  --site-surface: #ffffff;
  --site-surface-hover: #fafafa;
  --site-surface-secondary: #f5f5f5;
  --site-surface-tertiary: #e5e5e5;
  --site-text-primary: #171717;
  --site-text-secondary: #404040;
  --site-text-muted: #737373;
  --site-text-light: #a3a3a3;
  --site-text-inverse: #ffffff;
  --site-border: #e5e5e5;
  --site-border-light: #f5f5f5;
  --site-border-dark: #d4d4d4;
  --site-border-darker: #a3a3a3;

  /* ── 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;

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

  /* ── Shadows ── */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  --shadow-none: none;

  /* ── Typography ── */
  --font-heading: 'Playfair Display', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'Roboto Mono', 'Courier New', monospace;
}