/* ==========================================================
   Happy Bells — CSS Design Tokens & Custom Properties
   Single source of truth for colors, typography, glass styling,
   and layout parameters.
   ========================================================== */

:root {
  /* --- Brand Color Palette --- */
  --color-primary: #F6C9CC;         /* Soft Blush Pink */
  --color-primary-light: #FCE8E9;   /* Lighter Blush */
  --color-secondary: #B9A6D9;       /* Muted Lavender */
  --color-secondary-light: #E4DCF2; /* Soft Light Lavender */
  --color-accent: #D8A895;          /* Warm Rose Gold */
  --color-accent-hover: #C59683;    /* Deepened Rose Gold */
  --color-bg-neutral: #FDF8F3;      /* Warm Ivory / Cream */
  --color-text-contrast: #3E2C41;   /* Deep Plum (Replaces harsh black) */
  --color-text-muted: #6B5B6E;      /* Muted Plum for subtitles */
  --color-text-light: #8E7A92;      /* Light Plum for subtle notes */

  /* --- Gradients --- */
  --gradient-bg-main: linear-gradient(135deg, #FDF8F3 0%, #F6C9CC 35%, #E4DCF2 70%, #FDF8F3 100%);
  --gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.25) 100%);
  --gradient-glass-hover: linear-gradient(135deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.4) 100%);
  --gradient-rose-gold: linear-gradient(135deg, #D8A895 0%, #F0D5C9 50%, #B9A6D9 100%);
  --gradient-blush-lavender: linear-gradient(135deg, #F6C9CC 0%, #B9A6D9 100%);

  /* --- Glassmorphism Design System Tokens --- */
  --glass-bg: rgba(255, 255, 255, 0.45);
  --glass-bg-dense: rgba(255, 255, 255, 0.65);
  --glass-border: 1px solid rgba(255, 255, 255, 0.5);
  --glass-border-subtle: 1px solid rgba(255, 255, 255, 0.3);
  --glass-blur: blur(14px) saturate(130%);
  --glass-shadow: 0 12px 40px 0 rgba(62, 44, 65, 0.07), inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
  --glass-shadow-hover: 0 20px 50px 0 rgba(62, 44, 65, 0.12), inset 0 1px 0 0 rgba(255, 255, 255, 0.8);

  /* --- Typography --- */
  --font-serif: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* --- Border Radius --- */
  --radius-xs: 8px;
  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 32px;
  --radius-full: 9999px;

  /* --- Transitions & Animations --- */
  --transition-fast: 0.2s cubic-bezier(0.25, 1, 0.5, 1);
  --transition-normal: 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  --transition-smooth: 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* --- Z-Indices --- */
  --z-bg: 0;
  --z-petals: 5;
  --z-content: 10;
  --z-header: 100;
  --z-floating: 200;
}