/* ================================================
   HOUSE OF HALIYA — Brand Design Tokens
   Edit this file to update colors, fonts, and spacing
   ================================================ */

:root {

  /* --- Core Brand Colors --- */
  --color-dark-teal:     #04383f;
  --color-gold:          #b3834d;
  --color-gold-light:    #c99a5b;
  --color-white:         #ffffff;

  /* --- Neutral / Surface Colors --- */
  --color-cream:         #faf8f5;
  --color-ivory:         #f5f0e8;
  --color-warm-gray:     #e8e2d9;
  --color-text-dark:     #1a1a1a;
  --color-text-mid:      #4a4a4a;
  --color-text-soft:     #7a7a7a;
  --color-border:        #ddd6cc;

  /* --- Semantic Colors --- */
  --color-bg-page:       var(--color-cream);
  --color-bg-section:    var(--color-ivory);
  --color-bg-dark:       var(--color-dark-teal);
  --color-accent:        var(--color-gold);
  --color-accent-hover:  var(--color-gold-light);

  /* --- Typography --- */
  --font-heading:        'Marcellus', Georgia, 'Times New Roman', serif;
  --font-body:           'Inter', 'Open Sans', system-ui, sans-serif;
  --font-script:         'Cormorant Garamond', 'Palatino', serif;

  /* --- Font Sizes --- */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-6xl:  3.75rem;

  /* --- Spacing --- */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.25rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-20:  5rem;
  --space-24:  6rem;
  --space-32:  8rem;

  /* --- Border Radius --- */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  16px;
  --radius-xl:  24px;
  --radius-full: 9999px;

  /* --- Shadows --- */
  --shadow-sm:   0 1px 3px rgba(4, 56, 63, 0.06), 0 1px 2px rgba(4, 56, 63, 0.04);
  --shadow-md:   0 4px 16px rgba(4, 56, 63, 0.08), 0 2px 4px rgba(4, 56, 63, 0.05);
  --shadow-lg:   0 8px 32px rgba(4, 56, 63, 0.12), 0 4px 8px rgba(4, 56, 63, 0.06);
  --shadow-gold: 0 4px 20px rgba(179, 131, 77, 0.18);

  /* --- Transitions --- */
  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-slow:   400ms ease;

  /* --- Max widths --- */
  --max-width-sm:   640px;
  --max-width-md:   768px;
  --max-width-lg:   1024px;
  --max-width-xl:   1280px;
  --max-width-2xl:  1440px;

}