/**
 * =============================================================================
 * HEAL WITH SRAVYA — CSS DESIGN TOKENS & SYSTEM VARIABLES
 * Developer: Damerax Cloud Solutions (https://damerax.com/)
 * =============================================================================
 */

:root {
  /* Brand Surfaces (STRICTLY LIGHT ONLY - NO BLACK BACKGROUNDS) */
  --bg-primary: #FAF8F5;       /* Warm Ivory */
  --bg-surface: #FFFFFF;       /* Crisp Studio White */
  --bg-cream: #F8F1E9;         /* Warm Editorial Cream */
  --bg-cream-soft: #FBF6EF;    /* Soft Butter Cream */
  --bg-sage: #DCE6DC;          /* Light Sage Botanical */
  --bg-sage-soft: #EBF1EA;     /* Gentle Sage Tint */
  --bg-blush: #EBCBC2;         /* Soft Blush */
  --bg-blush-soft: #F9EDE8;    /* Muted Rose Tint */
  --bg-yellow: #FDE68A;        /* Butter Yellow Highlighter */
  --bg-yellow-soft: #FFF9E6;   /* Subtle Sunlight Glow */

  /* Brand Accents & Interactive Elements (Warm Amber Primary) */
  --accent-amber: #E8A938;     /* Warm Amber */
  --accent-amber-hover: #D49221;
  --accent-amber-light: #F4C66B;
  --accent-ochre: #C87A28;
  --accent-ochre-hover: #AF661C;
  --accent-rose: #C98E85;
  --accent-rose-hover: #B5776E;
  --accent-sage: #6B8468;
  --accent-damerax: #FE9900;   /* Damerax Signature Orange Hover */

  /* Typography Colors (Dark Ink / Warm Espresso for high contrast text - NEVER background) */
  --text-primary: #23211E;     /* Deep Warm Espresso Ink */
  --text-secondary: #56514B;   /* Refined Warm Slate */
  --text-muted: #7E7870;       /* Soft Editorial Gray */
  --text-on-amber: #2B2111;    /* Deep Contrast on Amber Buttons */
  --text-light: #9B948B;

  /* Borders & Dividers */
  --border-light: #EBE4DA;
  --border-subtle: #F0E9DF;
  --border-amber: #E2B96B;
  --border-sage: #CCDACC;

  /* Typography Families */
  --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-editorial: 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-script: 'Caveat', cursive;
  --font-orbitron: 'Orbitron', -apple-system, sans-serif;

  /* Spacing Scale */
  --space-xs: 0.25rem;   /* 4px */
  --space-sm: 0.5rem;    /* 8px */
  --space-md: 1rem;      /* 16px */
  --space-lg: 1.5rem;    /* 24px */
  --space-xl: 2rem;      /* 32px */
  --space-2xl: 3rem;     /* 48px */
  --space-3xl: 5rem;     /* 80px */
  --space-4xl: 7.5rem;   /* 120px */

  /* Layout Widths */
  --max-width-narrow: 768px;
  --max-width-content: 1140px;
  --max-width-wide: 1360px;
  --max-width-full: 1520px;

  /* Shadows (Soft organic daylight shadows) */
  --shadow-sm: 0 2px 8px rgba(43, 33, 17, 0.04);
  --shadow-md: 0 10px 25px -5px rgba(43, 33, 17, 0.06), 0 8px 10px -6px rgba(43, 33, 17, 0.04);
  --shadow-lg: 0 20px 40px -10px rgba(43, 33, 17, 0.08), 0 0 1px rgba(43, 33, 17, 0.1);
  --shadow-amber: 0 12px 28px -6px rgba(232, 169, 56, 0.35);

  /* Border Radii (Refined, architectural, never excessive) */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 36px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}