/* ==========================================================================
   XXPORN LOVERS — Design Tokens
   Dark luxury + pink accent brand system.
   ========================================================================== */

:root {
  /* Backgrounds */
  --bg-primary: #050505;
  --bg-secondary: #0A0A0A;
  --bg-card: #111111;
  --bg-elevated: #171717;
  --border: #242424;

  /* Text */
  --text-primary: #F5F5F5;
  --text-secondary: #A7A7A7;
  --text-muted: #6F6F6F;

  /* Accent — pink */
  --pink: #FF2D75;
  --pink-hover: #FF5C9A;
  --pink-dark: #D90052;
  --pink-soft: #FF8DB5;

  /* Brand gradient (logo, selected nav state, primary CTAs, featured accents) */
  --gradient-brand: linear-gradient(135deg, #FF8DB5 0%, #FF2D75 55%, #D90052 100%);

  /* Typography */
  --font-display: 'Playfair Display', 'Times New Roman', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 999px;

  /* Shadows */
  --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-pink: 0 8px 28px rgba(255, 45, 117, 0.35);

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --transition-fast: 150ms var(--ease);
  --transition-base: 250ms var(--ease);
  --transition-slow: 400ms var(--ease);

  /* Layout */
  --nav-height: 72px;
  --nav-height-mobile: 60px;
  --container-max: 1440px;
}