/* ============================================
   LEANDRO JACINTO — CSS VARIABLES
   ============================================ */

:root {

  /* ── Brand Colors ── */
  --color-dark:         #061c19;
  --color-dark-2:       #0a2a25;
  --color-dark-3:       #0f3530;
  --color-dark-card:    #081f1c;
  --color-gold:         #b78759;
  --color-gold-light:   #cda678;
  --color-gold-dark:    #8f6340;
  --color-gold-bg:      rgba(183, 135, 89, 0.08);
  --color-white:        #feffff;
  --color-white-80:     rgba(254, 255, 255, 0.80);
  --color-white-60:     rgba(254, 255, 255, 0.60);
  --color-white-30:     rgba(254, 255, 255, 0.30);
  --color-white-10:     rgba(254, 255, 255, 0.10);
  --color-white-06:     rgba(254, 255, 255, 0.06);

  /* ── Gradients ── */
  --gradient-gold:      linear-gradient(135deg, #b78759 0%, #cda678 50%, #b78759 100%);
  --gradient-dark:      linear-gradient(180deg, #061c19 0%, #0a2a25 100%);
  --gradient-hero:      linear-gradient(150deg, #061c19 0%, #082620 50%, #061c19 100%);

  /* ── Typography ── */
  --font-display:   'Cormorant Garamond', Georgia, serif;
  --font-body:      'Jost', sans-serif;

  --size-xs:    0.75rem;
  --size-sm:    0.875rem;
  --size-base:  1rem;
  --size-md:    1.125rem;
  --size-lg:    1.375rem;
  --size-xl:    1.75rem;
  --size-2xl:   2.25rem;
  --size-3xl:   3rem;
  --size-4xl:   4rem;
  --size-5xl:   5rem;

  --weight-light:    300;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semi:     600;
  --weight-bold:     700;

  --leading-tight:   1.1;
  --leading-snug:    1.3;
  --leading-normal:  1.6;
  --leading-loose:   1.8;

  --tracking-tight:    -0.03em;
  --tracking-normal:    0em;
  --tracking-wide:      0.08em;
  --tracking-wider:     0.15em;
  --tracking-widest:    0.25em;

  /* ── 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;

  /* ── Layout ── */
  --container-max:   1200px;
  --container-sm:    720px;

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

  --border-thin:    1px solid var(--color-white-10);
  --border-gold:    1px solid rgba(183, 135, 89, 0.30);
  --border-gold-2:  2px solid var(--color-gold);

  /* ── Shadows ── */
  --shadow-sm:    0 2px 12px rgba(0,0,0,0.25);
  --shadow-md:    0 8px 32px rgba(0,0,0,0.40);
  --shadow-lg:    0 24px 64px rgba(0,0,0,0.50);
  --shadow-gold:  0 8px 40px rgba(183, 135, 89, 0.25);

  /* ── Transitions ── */
  --ease-out:     cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-in-out:  cubic-bezier(0.645, 0.045, 0.355, 1.000);
  --trans-fast:   0.18s var(--ease-out);
  --trans-base:   0.30s var(--ease-out);
  --trans-slow:   0.55s var(--ease-out);
  --trans-slower: 0.80s var(--ease-in-out);

  /* ── Z-index ── */
  --z-base:   1;
  --z-above:  10;
  --z-nav:    100;

}