/**
 * =============================================================================
 * HEAL WITH SRAVYA — CSS DESIGN TOKENS & MINIMALIST SYSTEM VARIABLES
 * Minimalist, Professional Aesthetic: White, Warm Off-White, Charcoal & Muted Mustard
 * Developer: Damerax Cloud Solutions (https://damerax.com/)
 * =============================================================================
 */

:root {
  /* Brand Surfaces (STRICTLY LIGHT ONLY - NO BLACK BACKGROUNDS) */
  --bg-primary: #FFFFFF;       /* Pure Minimalist White Primary */
  --bg-surface: #FFFFFF;       /* Crisp Studio White */
  --bg-cream: #FAF9F6;         /* Clean Soft Off-White Surface */
  --bg-cream-soft: #F6F5F2;    /* Soft Neutral Editorial Tint */
  --bg-mustard-tint: #FFFDE8;  /* Gentle Sunlight Butter Tint */
  --bg-sage: #F2F5F1;          /* Subtle Botanical Sage */
  --bg-sage-soft: #F7FAF6;
  --bg-blush: #FAF4F0;         /* Soft Blush Accent */
  --bg-blush-soft: #FDF9F7;
  --bg-yellow: #FFF38B;        /* Signature Soft Butter Yellow */
  --bg-yellow-soft: #FFFDF0;

  /* Brand Accents — Strictly Butter Yellow #FFF38B & Crisp Charcoal (NO MUDDY BROWN/OCHRE) */
  --accent-yellow: #FFF38B;
  --accent-yellow-hover: #FFF8B5;
  --accent-yellow-light: #FFFDE6;
  --accent-amber: #FFF38B;     /* Mapped to Signature Butter Yellow */
  --accent-amber-hover: #FFF8B5;
  --accent-amber-light: #FFFDE6;
  --accent-mustard: #FFF38B;
  --accent-mustard-hover: #FFF8B5;
  --accent-ochre: #1F2421;     /* Clean Charcoal Typography */
  --accent-ochre-hover: #0D0F0E;
  --accent-rose: #B87B72;
  --accent-sage: #5E7A5B;
  --accent-damerax: #FE9900;   /* Damerax Signature Orange Hover */

  /* Typography Colors (Clean Charcoal Typography - High Contrast, Never Background) */
  --text-primary: #1F2421;     /* Charcoal Ink */
  --text-secondary: #4A504D;   /* Refined Charcoal Slate */
  --text-muted: #787E7B;       /* Neutral Editorial Gray */
  --text-light: #9EA4A1;
  --text-on-amber: #1F2421;    /* Deep Charcoal on Butter Yellow Buttons */

  /* Borders & Dividers */
  --border-light: #EAE6DF;
  --border-subtle: #F2EFE9;
  --border-mustard: #E8DC7A;
  --border-amber: #E8DC7A;

  /* Minimalist Typography Families */
  --font-sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-serif: 'Manrope', -apple-system, sans-serif; /* Clean minimalist typography replaces decorative serifs */
  --font-editorial: 'Manrope', -apple-system, sans-serif;
  --font-script: 'Caveat', cursive; /* Preserved for subtle signatures & heartfelt touches */
  --font-orbitron: 'Orbitron', -apple-system, sans-serif; /* Exclusively for Damerax credit */

  /* 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: 1320px;
  --max-width-full: 1520px;

  /* Shadows (Minimal, soft daylight, low diffusion) */
  --shadow-sm: 0 1px 3px rgba(31, 36, 33, 0.04), 0 1px 2px rgba(31, 36, 33, 0.02);
  --shadow-md: 0 8px 20px -4px rgba(31, 36, 33, 0.06), 0 4px 6px -2px rgba(31, 36, 33, 0.03);
  --shadow-lg: 0 16px 32px -8px rgba(31, 36, 33, 0.08), 0 0 1px rgba(31, 36, 33, 0.08);
  --shadow-amber: 0 4px 14px rgba(255, 243, 139, 0.45);

  /* Border Radii (Architectural & Crisp) */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 26px;
  --radius-full: 9999px;

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