/* ═══════════════════════════════════════════
   Brühwerk Design System v1.0
   ═══════════════════════════════════════════ */

:root {
  /* Colors */
  --bw-bg:              #0e0e10;
  --bw-bg-elevated:     #16161a;
  --bw-bg-raised:       #1d1d22;
  --bw-border:          rgba(255,255,255,0.08);
  --bw-border-strong:   rgba(255,255,255,0.16);
  --bw-text:            #f4f4f5;
  --bw-text-muted:      rgba(244,244,245,0.65);
  --bw-text-faint:      rgba(244,244,245,0.42);
  --bw-accent:          #c8956c;
  --bw-accent-hover:    #d4a27a;
  --bw-accent-ink:      #1a1410;
  --bw-success:         #6ed39a;
  --bw-warning:         #e8b647;
  --bw-error:           #e26d6d;

  /* Spacing (4px base) */
  --bw-s-1: 4px;  --bw-s-2: 8px;  --bw-s-3: 12px;  --bw-s-4: 16px;
  --bw-s-5: 20px; --bw-s-6: 24px; --bw-s-8: 32px;  --bw-s-10: 40px;
  --bw-s-12: 48px; --bw-s-16: 64px; --bw-s-20: 80px;

  /* Typography */
  --bw-font-serif: "Playfair Display", Georgia, serif;
  --bw-font-sans:  "DM Sans", "Inter", -apple-system, sans-serif;

  /* Radii */
  --bw-r-sm: 8px; --bw-r-md: 12px; --bw-r-lg: 16px;

  /* Shadows */
  --bw-shadow-sm: 0 2px 8px rgba(0,0,0,0.3);
  --bw-shadow-md: 0 8px 24px rgba(0,0,0,0.35);
  --bw-shadow-lg: 0 20px 48px rgba(0,0,0,0.45);

  /* Transitions */
  --bw-t-fast:   150ms cubic-bezier(0.4, 0, 0.2, 1);
  --bw-t-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Container */
  --bw-container: 1280px;
  --bw-container-narrow: 960px;
  --bw-container-wide: 1440px;
}