/* ============================================================
   Godamy — Twilight Sunset Color Palette & Tokens (v13.0)
   Ground-truth palette extracted from attached sunset sky image:
   #765096 (Deep Purple) | #b6578a (Orchid Magenta) | #fac7b7 (Sunrise Peach)
   #f3e9f4 (Cloud Lavender) | #82c9f5 (Sky Blue)
   ============================================================ */

:root {
  /* Twilight Sky Color Palette */
  --sunset-purple: #765096;
  --sunset-magenta: #b6578a;
  --sunset-peach: #fac7b7;
  --sunset-cloud: #f3e9f4;
  --sunset-skyblue: #82c9f5;

  /* Surfaces & Dark Theme */
  --bg-dark: #0d0a18;
  --bg-surface: #151026;
  --bg-surface-elevated: #1f1836;
  --bg-glass: rgba(21, 16, 38, 0.78);
  --bg-glass-card: rgba(243, 233, 244, 0.05);
  --bg-glass-card-hover: rgba(243, 233, 244, 0.1);

  /* Accents */
  --accent-blue: #82c9f5;
  --accent-magenta: #b6578a;
  --accent-purple: #765096;
  --accent-peach: #fac7b7;

  /* Gradients */
  --gradient-brand: linear-gradient(135deg, #82c9f5 0%, #b6578a 55%, #765096 100%);
  --gradient-text: linear-gradient(135deg, #ffffff 30%, #fac7b7 100%);
  --gradient-sky: linear-gradient(135deg, #82c9f5 0%, #fac7b7 100%);

  /* Text Colors */
  --text-primary: #f3e9f4;
  --text-secondary: #c9bfd4;
  --text-muted: #9686aa;

  /* Borders & Dividers */
  --border-subtle: rgba(243, 233, 244, 0.1);
  --border-glass: rgba(243, 233, 244, 0.16);
  --border-active: rgba(130, 201, 245, 0.5);

  /* Shadows & Glows */
  --shadow-lg: 0 20px 40px -15px rgba(0, 0, 0, 0.7);
  --glow-blue: 0 0 25px rgba(130, 201, 245, 0.35);
  --glow-magenta: 0 0 25px rgba(182, 87, 138, 0.35);

  /* Typography */
  --font-en: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-ar: 'Cairo', 'Tajawal', sans-serif;

  /* Spacing & Radii */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 0.15s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}