/* ── Google Fonts ───────────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Jost:wght@300;400;500&display=swap');

/* ── Design System Gaia Bolivia ─────────────────────────────────────────────── */
:root {
  /* ── Paleta principal ── */
  --color-primary:      #c78271;
  --color-primary-dark: #a8604f;
  --color-primary-light:#e8b4a8;
  --color-primary-pale: #f5e6e2;
  --color-black:        #111111;
  --color-dark:         #1f1f1f;
  --color-text:         #2c2c2c;
  --color-text-muted:   #888888;
  --color-border:       #e8e0db;
  --color-bg:           #ffffff;
  --color-bg-soft:      #faf7f5;
  --color-bg-dark:      #1a1412;
  --color-bg-section:   #faf3f1;
  --color-white:        #ffffff;

  /* ── Tipografía ── */
  --font-serif:  'Cormorant Garamond', Georgia, serif;
  --font-sans:   'Jost', system-ui, sans-serif;

  /* Aliases backward-compat para carrito/checkout */
  --font-heading: var(--font-serif);
  --font-body:    var(--font-sans);

  /* ── Espaciado ── */
  --header-height: 64px;
  --navbar-h:      64px;
  --section-gap:   80px;
  --card-gap:      2px;
  --max-width:     1400px;

  /* ── Transiciones ── */
  --transition-fast:   0.2s ease;
  --transition-medium: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-slow:   0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition:        0.2s ease;

  /* ── Sombras ── */
  --shadow-card:  0 4px 24px rgba(199,130,113,0.08);
  --shadow-hover: 0 12px 40px rgba(199,130,113,0.18);
  --shadow-sm:    0 1px 3px rgba(0,0,0,.08);
  --shadow:       0 4px 16px rgba(0,0,0,.10);
  --shadow-lg:    0 8px 32px rgba(0,0,0,.14);

  /* ── Radios (backward compat) ── */
  --radius-sm: 4px;
  --radius:    8px;
  --radius-lg: 16px;

  /* ── Aliases backward-compat ── */
  --primary:            var(--color-primary);
  --primary-dark:       var(--color-primary-dark);
  --primary-light:      var(--color-primary-light);
  --secondary:          var(--color-dark);
  --text-light:         var(--color-text-muted);
  --white:              #ffffff;
  --bg:                 var(--color-bg-soft);
  --border:             var(--color-border);
  --accent:             var(--color-bg-soft);
  --surface:            #ffffff;
  --color-border-strong: rgba(199,130,113,0.55);
}