/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   AURIRA — Design Tokens
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

:root {
    /* ─── Colors ─── */
    --color-bg-primary:    #0f0f0f;
    --color-bg-secondary:  #1a1a1a;
    --color-bg-tertiary:   #242424;
    --color-bg-elevated:   #2a2a2a;

    --color-gold:          #c9a84c;
    --color-gold-light:    #d4b96a;
    --color-gold-dark:     #a88a32;
    --color-gold-glow:     rgba(201, 168, 76, 0.15);
    --color-gold-glow-strong: rgba(201, 168, 76, 0.3);

    --color-ivory:         #f5f0e8;
    --color-ivory-soft:    #e8e0d4;
    --color-muted:         #a09888;
    --color-muted-dark:    #6b6358;

    --color-burgundy:      #6b2737;
    --color-burgundy-soft: rgba(107, 39, 55, 0.3);

    --color-white:         #ffffff;
    --color-black:         #000000;

    --color-success:       #4a7c59;
    --color-error:         #c44040;

    /* ─── Typography ─── */
    --font-heading:     'Playfair Display', Georgia, 'Times New Roman', serif;
    --font-subheading:  'Cormorant Garamond', Georgia, serif;
    --font-body:        'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-accent:      'Great Vibes', cursive;

    --fs-display:    clamp(3rem, 6vw, 5.5rem);
    --fs-h1:         clamp(2.2rem, 4vw, 3.5rem);
    --fs-h2:         clamp(1.8rem, 3vw, 2.8rem);
    --fs-h3:         clamp(1.4rem, 2.5vw, 2rem);
    --fs-h4:         clamp(1.1rem, 1.5vw, 1.4rem);
    --fs-body:       1rem;
    --fs-body-lg:    1.125rem;
    --fs-small:      0.875rem;
    --fs-tiny:       0.75rem;

    --lh-tight:      1.2;
    --lh-normal:     1.6;
    --lh-relaxed:    1.8;

    --ls-wide:       0.15em;
    --ls-wider:      0.25em;
    --ls-widest:     0.35em;

    /* ─── Spacing ─── */
    --space-xs:    0.5rem;
    --space-sm:    1rem;
    --space-md:    1.5rem;
    --space-lg:    2.5rem;
    --space-xl:    4rem;
    --space-2xl:   6rem;
    --space-3xl:   8rem;
    --space-4xl:   12rem;

    /* ─── Layout ─── */
    --container-max:    1280px;
    --container-narrow: 900px;
    --container-wide:   1440px;
    --gutter:           2rem;

    /* ─── Borders ─── */
    --radius-sm:   4px;
    --radius-md:   8px;
    --radius-lg:   16px;
    --radius-full: 9999px;

    --border-thin:  1px solid rgba(201, 168, 76, 0.15);
    --border-gold:  1px solid var(--color-gold);
    --border-muted: 1px solid rgba(255, 255, 255, 0.06);

    /* ─── Shadows ─── */
    --shadow-sm:    0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md:    0 4px 20px rgba(0, 0, 0, 0.4);
    --shadow-lg:    0 8px 40px rgba(0, 0, 0, 0.5);
    --shadow-gold:  0 4px 30px rgba(201, 168, 76, 0.1);
    --shadow-glow:  0 0 30px rgba(201, 168, 76, 0.15);

    /* ─── Transitions ─── */
    --transition-fast:   0.2s ease;
    --transition-base:   0.3s ease;
    --transition-slow:   0.5s ease;
    --transition-smooth: 0.6s cubic-bezier(0.16, 1, 0.3, 1);

    /* ─── Z-Index ─── */
    --z-base:      1;
    --z-overlay:   10;
    --z-header:    100;
    --z-modal:     200;
    --z-whatsapp:  150;
}