/* ==========================================================================
   ILLICIT HUMANS — DESIGN TOKENS & CSS VARIABLES
   Clean, Light, Editorial Luxury Streetwear Aesthetic
   ========================================================================== */
:root {
  /* Color Palette — No Cyberpunk, No Dark Theme, No Neon */
  --bg-body: #F7F7F5;          /* Warm Paper Ivory */
  --bg-card: #FFFFFF;          /* Pure Crisp White */
  --bg-subtle: #F0F0EC;        /* Neutral Light Gray */
  --bg-overlay: rgba(0, 0, 0, 0.55);

  --text-main: #111111;        /* Matte Obsidian Black */
  --text-muted: #6B6B67;       /* Architectural Muted Gray */
  --text-subtle: #999994;      /* Hairline Details Gray */
  --text-inverse: #FFFFFF;

  --border-light: #E5E5E0;     /* Subtle Architectural Border */
  --border-dark: #111111;      /* High-Contrast Border */
  --border-hover: #B8B8B0;

  --accent-success: #1E6B38;   /* Understated Forest Green for Badges */
  --accent-danger: #D32F2F;

  /* Typography */
  --font-display: 'Syne', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Layout Spacing & Sizing */
  --nav-height: 74px;
  --max-w: 1360px;
  --radius-sharp: 0px;        /* Sharp Streetwear Architectural Edges */
  --radius-subtle: 2px;

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
  --transition-smooth: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}