/* ===== DESIGN TOKENS — PhotosbyB4 ===== */
:root {
  /* Colors */
  --color-bg: #1a1a2e;
  --color-bg-dark: #0d0d0d;
  --color-bg-white: #fff;
  --color-accent: #ff71cb;
  --color-accent-light: #ff9ee0;
  --color-accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --color-text: #333;
  --color-text-white: #fff;
  --color-text-muted: #999;
  --color-text-muted-dark: #666;
  --color-text-gray: #767676;
  --color-surface: rgba(255,255,255,0.04);
  --color-border: rgba(255,255,255,0.08);
  --color-border-accent: rgba(255,113,203,0.3);
  --color-overlay-dark: rgba(26,26,46,0.85);
  --color-overlay-nav: rgba(26,26,46,0.95);

  /* Typography */
  --font-body: 'Karla', sans-serif;
  --font-heading: 'Rubik', sans-serif;
  --font-script: 'Clickerscript', cursive;

  /* Spacing */
  --section-padding: 100px 0;
  --section-padding-sm: 80px 0;
  --container-max: 1200px;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* Transitions */
  --transition: all 0.3s;
}