/* assets/css/colorscheme.css */
:root {
  /* Male Colors */
  --male-gradient: linear-gradient(135deg, #7BE1F5 0%, #64b5f6 100%);
  --male-color-light: #7BE1F5;
  --male-color-dark: #64b5f6;
  
  /* Female Colors */
  /* --female-gradient: linear-gradient(135deg, #F2A3B9 0%, #f48fb1 100%); */
  --female-gradient: linear-gradient(135deg, #f0b5c5 0%, #f48fb1 100%);
  --female-color-light: #F2A3B9;
  --female-color-dark: #f48fb1;

  --invitation-gradient: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);


  --cta-gradient: linear-gradient(135deg, #334155 0%, #0F172A 100%);
  
  --cta-shadow: 0 4px 12px rgba(15, 23, 42, 0.35); /* box shadow */
  --cta-color: #334155;
  --cta-color-dark: #0F172A;
  --cta-color-hover: #020617;
  --cta-bg-light: #F1F5F9;
  --cta-bg-subtle: linear-gradient(135deg, #F1F5F9 0%, #F8FAFC 100%);

  --like-color: #A3F57B;
  --like-gradient: linear-gradient(135deg, #A3F57B 0%, #A3F57B 100%);

  --dislike-color: #F55C7A;
  --dislike-gradient: linear-gradient(135deg, #F55C7A 0%, #F55C7A 100%);

  /* Unisex — Mint-Teal */
  --unisex-gradient: linear-gradient(135deg, #80CBC4 0%, #5DB8AE 100%);
  --unisex-color: #80CBC4;
  --unisex-color-dark: #5DB8AE;
  --unisex-bg-light: #E0F2F1;
  --unisex-text: #37847A;

  /* Neutral UI */
  --text-primary: #1A1A2E;
  --text-secondary: #6B7280;
  --border: #E5E7EB;
  --border-hover: #D1D5DB;
  --bg-light: #F9FAFB;
  --card-bg: #FFFFFF;
  --overlay: rgba(0, 0, 0, 0.45);

  /* onboarding */

  --gradient-start: #f2a3b9;
  --gradient-end: #7be1f5;
  --primary-pink: #e91e8c;
  --text-dark: #2c3e50;
  --text-muted: #6c757d;
  --bg-light: #f8f9fa;
  --border-color: #e9ecef;
  --shadow-sm: 0 2px 12px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.12);

  --pricing-gradient: linear-gradient(180deg, #fef3c7 0%, #fde68a 100%);

}