/**
 * BONITA & CO - DESIGN SYSTEM TOKENS (PHASE 1)
 * Pure Light Pink Theme (Uniform #F7B1C1 without multi-tone shades/gradients)
 */

:root {
  /* ----------------------------------------------------
   * UNIFIED COLOR PALETTE
   * Exact Light Pink from LOGO.PNG & High-Contrast Typography
   * ---------------------------------------------------- */
  
  /* Primary Theme Pink (Single pure light pink tone, no shading) */
  --color-blush-base: #f7b1c1;

  /* Burgundy & Raspberry Spectrum (From Artwork & Typographic Marks) */
  --color-burgundy-rose: #c92c60;
  --color-burgundy-base: #a71546;   /* Dominant logo raspberry/burgundy */
  --color-burgundy-deep: #850e35;
  --color-burgundy-wine: #5e0926;
  --color-burgundy-dark: #3c0518;   /* Primary high-contrast text */
  --color-burgundy-night: #24020d;

  /* Contrast Elements */
  --color-cream-pure: #ffffff;
  --color-gold-delicate: #d9aa8f;

  /* Semantic UI Tokens - Pure Light Pink surfaces */
  --bg-primary: var(--color-blush-base);
  --bg-surface: var(--color-blush-base);
  --bg-surface-elevated: var(--color-blush-base);
  --bg-pill: rgba(255, 255, 255, 0.45);
  --bg-pill-hover: rgba(255, 255, 255, 0.7);

  --text-primary: var(--color-burgundy-dark);
  --text-secondary: var(--color-burgundy-wine);
  --text-muted: var(--color-burgundy-deep);
  --text-light: #ffffff;

  --border-subtle: rgba(167, 21, 70, 0.16);
  --border-delicate: rgba(167, 21, 70, 0.28);
  --border-focus: rgba(167, 21, 70, 0.55);

  /* ----------------------------------------------------
   * TYPOGRAPHY SYSTEM
   * ---------------------------------------------------- */
  --font-display: 'Bodoni Moda', 'Didot', 'Bodoni MT', 'Playfair Display', serif;
  --font-serif: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-sans: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Fluid Type Scale */
  --text-xs: clamp(0.7rem, 0.65rem + 0.25vw, 0.8rem);
  --text-sm: clamp(0.8rem, 0.75rem + 0.3vw, 0.92rem);
  --text-base: clamp(0.95rem, 0.9rem + 0.35vw, 1.08rem);
  --text-lg: clamp(1.15rem, 1.05rem + 0.6vw, 1.35rem);
  --text-xl: clamp(1.4rem, 1.25rem + 1vw, 1.85rem);
  --text-2xl: clamp(1.9rem, 1.6rem + 1.6vw, 2.6rem);
  --text-3xl: clamp(2.4rem, 2rem + 2.4vw, 3.8rem);
  --text-hero: clamp(2.8rem, 2.2rem + 4.2vw, 6.2rem);

  /* Letter Spacing Tokens */
  --tracking-tight: -0.015em;
  --tracking-normal: 0em;
  --tracking-wide: 0.12em;
  --tracking-wider: 0.22em;
  --tracking-widest: 0.36em;

  /* Subtle Crisp Depth */
  --shadow-subtle: 0 4px 16px rgba(133, 14, 53, 0.06);
  --shadow-medium: 0 8px 25px rgba(133, 14, 53, 0.1);
  --shadow-lux: 0 16px 40px rgba(94, 9, 38, 0.12);

  /* Easing & Transitions */
  --ease-editorial: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-smooth: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-curtain: cubic-bezier(0.77, 0, 0.175, 1);

  --duration-fast: 240ms;
  --duration-medium: 480ms;
  --duration-slow: 850ms;
  --duration-curtain: 1100ms;

  /* Spacing */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 36px;
  --space-xl: 48px;

  /* Z-INDEX */
  --z-base: 1;
  --z-hero-content: 10;
  --z-nav: 100;
  --z-preloader: 1000;
}