/* ==========================================================
   Gardenia Bloom — Design Tokens
   Versión 1.0
   Importa este archivo en cualquier proyecto de la marca.
   ========================================================== */

:root {
  /* ---------- COLORES ---------- */
  --gb-marfil:    #F9F7F4;
  --gb-blush:     #F5E6E8;
  --gb-lavanda:   #D8CFE8;
  --gb-champagne: #E8DCCF;
  --gb-dorado:    #C6A77D;
  --gb-gris:      #6F6A6A;
  --gb-carbon:    #1F1B18;

  /* Aliases semánticos */
  --gb-bg:        var(--gb-marfil);
  --gb-bg-soft:   var(--gb-blush);
  --gb-bg-dark:   var(--gb-carbon);
  --gb-fg:        #3A322C;
  --gb-fg-soft:   var(--gb-gris);
  --gb-fg-muted:  #9A9590;
  --gb-accent:    var(--gb-dorado);
  --gb-rule:      #E5DDD3;

  /* ---------- TIPOGRAFÍA ---------- */
  --gb-font-display: 'Playfair Display', 'Didot', 'Bodoni Moda', serif;
  --gb-font-script:  'Italianno', 'Allura', cursive;
  --gb-font-body:    'Cormorant', 'Cormorant Garamond', Georgia, serif;
  --gb-font-mono:    'JetBrains Mono', 'SF Mono', monospace;

  /* Escala tipográfica */
  --gb-text-xs:   12px;
  --gb-text-sm:   14px;
  --gb-text-base: 17px;
  --gb-text-lg:   22px;
  --gb-text-xl:   30px;
  --gb-text-2xl:  44px;
  --gb-text-3xl:  64px;
  --gb-text-4xl:  96px;

  /* Tracking */
  --gb-track-tight:  -0.005em;
  --gb-track-normal: 0;
  --gb-track-wide:   0.18em;
  --gb-track-wider:  0.32em;
  --gb-track-widest: 0.42em;

  /* ---------- ESPACIO ---------- */
  --gb-space-1:  4px;
  --gb-space-2:  8px;
  --gb-space-3:  12px;
  --gb-space-4:  16px;
  --gb-space-6:  24px;
  --gb-space-8:  32px;
  --gb-space-12: 48px;
  --gb-space-16: 64px;
  --gb-space-20: 80px;
  --gb-space-24: 120px;

  /* ---------- BORDES ---------- */
  --gb-radius-none: 0;
  --gb-radius-sm:   2px;
  --gb-radius-md:   4px;
  --gb-radius-lg:   8px;

  /* ---------- SOMBRAS ---------- */
  --gb-shadow-card:    0 4px 10px rgba(60,40,20,0.06);
  --gb-shadow-soft:    0 24px 40px -20px rgba(60,40,20,0.20);
  --gb-shadow-product: 0 28px 50px -22px rgba(60,40,20,0.25), 0 4px 10px rgba(60,40,20,0.06);
  --gb-shadow-deep:    0 60px 80px -30px rgba(0,0,0,0.6), 0 12px 24px rgba(0,0,0,0.2);

  /* ---------- TRANSICIONES ---------- */
  --gb-ease:        cubic-bezier(0.4, 0, 0.2, 1);
  --gb-duration-1:  200ms;
  --gb-duration-2:  400ms;
  --gb-duration-3:  600ms;
}

/* ---------- UTILIDADES BASE ---------- */
.gb-display {
  font-family: var(--gb-font-display);
  font-weight: 500;
  letter-spacing: var(--gb-track-wider);
  text-transform: uppercase;
}
.gb-script {
  font-family: var(--gb-font-script);
  color: var(--gb-dorado);
}
.gb-tagline {
  font-family: var(--gb-font-body);
  font-weight: 300;
  letter-spacing: var(--gb-track-widest);
  text-transform: uppercase;
}
.gb-body {
  font-family: var(--gb-font-body);
  font-weight: 400;
  line-height: 1.65;
  color: var(--gb-fg-soft);
}