/* 
  Blogger: Dress Up
  Design System: Dark Futuristic Glassmorphism
*/

:root {
  /* Default Theme: Y2K */
  --bg-primary: #fbebf2;
  --bg-secondary: #ffffff;
  --bg-glass: rgba(255, 255, 255, 0.82);
  --border-theme: 2.2px solid #e38daa;
  --border-glass: 1.5px solid #ffa3c4;
  --text-primary: #2d1e2f;
  --text-secondary: #8e6e88;
  --accent-pink: #ff6b9d;
  --accent-purple: #c5a3ff;
  --accent-cyan: #7ce8ff;
  --accent-yellow: #ffe066;
  
  --shadow-neon-pink: 0 6px 16px rgba(255, 107, 157, 0.15);
  --shadow-neon-purple: 0 6px 16px rgba(197, 163, 255, 0.15);
  --shadow-glass: 0 12px 36px rgba(45, 30, 47, 0.04);
  
  --scrollbar-track: rgba(255, 107, 157, 0.15);
  --scrollbar-thumb: rgba(255, 107, 157, 0.5);

  --bg-category-item: rgba(255, 107, 157, 0.05);
  --bg-equipped-card: rgba(255, 107, 157, 0.08);
  --bg-item-thumb: rgba(255, 107, 157, 0.02);
  --shadow-button-primary: 0 4px 15px rgba(255, 107, 157, 0.25);

  --font-ui: 'Inter', sans-serif;
  --font-title: 'Outfit', sans-serif;
  --transition-smooth: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  --radius-lg: 16px;
  --radius-md: 12px;
  --radius-sm: 8px;
}