/**
 * BON30 theme — login button pink as brand base
 * Primary #E53888 | Dark #AC1754 | Soft #F37199 | Softest #F7A8C4
 */
:root {
  --color-bg: #fff0f6;
  --color-surface: #ffffff;
  --color-primary: #E53888;
  --color-primary-dark: #AC1754;
  --color-primary-soft: rgba(229, 56, 136, 0.14);
  --color-primary-soft-2: rgba(229, 56, 136, 0.08);
  --color-accent: #F37199;
  --color-accent-soft: rgba(243, 113, 153, 0.2);
  --color-gold: #F7A8C4;
  --color-gold-soft: rgba(247, 168, 196, 0.28);
  --color-text: #2a1520;
  --color-text-muted: #6b4a58;
  --color-border: #f7d6e4;
  --color-ink: #2a1520;
  --color-ink-elevated: #3d2030;
  --color-dark: #2a1520;
  --color-danger: #c41e3a;
  --color-danger-soft: rgba(196, 30, 58, 0.1);
  --color-header: linear-gradient(135deg, #AC1754 0%, #E53888 55%, #F37199 100%);
  --color-hero: #fff0f6;
  --color-hero-glow: rgba(229, 56, 136, 0.28);
  --color-hero-glow-2: rgba(243, 113, 153, 0.22);
  --color-header-text: #fff;
  --color-shadow: 0 4px 20px rgba(229, 56, 136, 0.14);
  --color-shadow-hover: 0 10px 32px rgba(229, 56, 136, 0.22);
  --radius: 14px;
  --radius-sm: 10px;
  --font: 'Vazirmatn', Tahoma, 'Segoe UI', sans-serif;
}