/* ===== RASHA. Design Tokens ===== */

:root {
  /* Lavender-led palette with warm cream + logo callbacks (yellow + teal) */
  --paper:           #FAF6EE;
  --paper-soft:      #F4EEE2;
  --cream:           #FDFAF3;
  --white:           #FFFFFF;

  --lavender:        #B5A0D6;
  --lavender-deep:   #8B72B0;
  --lavender-darker: #6B548D;
  --lavender-mist:   #ECE4F4;
  --lavender-shadow: rgba(139, 114, 176, 0.18);

  --warm-yellow:     #E9C871;
  --soft-teal:       #7EB6B9;

  --warm-brown:      #4A3F35;
  --text-primary:    #3F352C;
  --text-secondary:  #6B5E52;
  --text-soft:       #978878;
  --border-soft:     rgba(139, 114, 176, 0.18);

  --shadow-soft:     0 6px 24px rgba(75, 60, 100, 0.08);
  --shadow-medium:   0 14px 44px rgba(75, 60, 100, 0.14);
  --shadow-deep:     0 24px 60px rgba(75, 60, 100, 0.22);
  --overlay:         rgba(63, 53, 44, 0.55);

  /* Aliases kept for legacy class names that still reference them */
  --dusty-rose:      var(--lavender);
  --dusty-rose-dark: var(--lavender-deep);
  --soft-gold:       var(--warm-yellow);
  --blush:           var(--lavender-mist);
  --mint:            #DDEAE6;
  --pale-yellow:     #FFF5D6;
  --soft-blue:       #DCE7F1;
  --shadow-soft-rgb: rgba(75, 60, 100, 0.08);
  --text-light:      var(--text-soft);
  --border-light:    var(--border-soft);

  /* Typography */
  --font-display:    'Cormorant Garamond', serif;
  --font-heading:    'Cormorant Garamond', serif;
  --font-body:       'Lora', serif;
  --font-script:     'Caveat', cursive;
  --font-mark:       'Inter', system-ui, sans-serif;

  /* Spacing */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 60px;
  --space-2xl: 96px;

  /* Sizing */
  --max-width: 1200px;
  --nav-height: 78px;
  --border-radius: 14px;
  --border-radius-lg: 22px;

  /* Motion */
  --ease:      cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --duration:  0.4s;
  --duration-slow: 0.8s;
}