/* ==========================================================================
   ARTESSA — Sistema de variables
   Santuario digital contemporáneo
   ========================================================================== */

:root {
  /* ---------- Color: fondos ---------- */
  --color-black-ceremonial: #090807;
  --color-black-warm: #12100e;
  --color-black-soft: #191612;
  --color-wine-deep: #2a0711;
  --color-burgundy: #4a0d1d;

  /* ---------- Color: dorado ---------- */
  --color-gold-antique: #b78a3d;
  --color-gold-light: #d7b56d;
  --color-gold-muted: #8d6a32;
  --color-gold-glow: #f2d99a;

  /* ---------- Color: texto ---------- */
  --color-ivory: #eae2d3;
  --color-white-warm: #f5f1e9;
  --color-text-muted: #aaa197;

  /* ---------- Color: piedras ---------- */
  --color-ruby: #8d1024;
  --color-sapphire: #18365d;
  --color-emerald: #14523a;
  --color-liturgical-purple: #3e1b50;

  /* ---------- Tipografía ---------- */
  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-body: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --fs-hero: clamp(2.6rem, 3rem + 4vw, 7.5rem);
  --fs-h1: clamp(2.4rem, 1.9rem + 2.6vw, 4.6rem);
  --fs-h2: clamp(1.9rem, 1.5rem + 1.8vw, 3.2rem);
  --fs-h3: clamp(1.4rem, 1.2rem + 1vw, 2.1rem);
  --fs-lead: clamp(1.05rem, 0.95rem + 0.4vw, 1.35rem);
  --fs-body: clamp(0.95rem, 0.9rem + 0.15vw, 1.05rem);
  --fs-small: clamp(0.78rem, 0.75rem + 0.1vw, 0.88rem);
  --fs-eyebrow: clamp(0.72rem, 0.7rem + 0.1vw, 0.82rem);

  /* ---------- Espaciado ---------- */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.85rem;
  --space-sm: 1.25rem;
  --space-md: 2rem;
  --space-lg: 3.5rem;
  --space-xl: 6rem;
  --space-2xl: 9rem;
  --space-3xl: 13rem;

  --content-max: 1320px;
  --content-narrow: 720px;
  --measure: 68ch;

  /* ---------- Bordes / radios ---------- */
  --radius-sm: 2px;
  --radius-md: 4px;
  --border-hairline: 1px solid rgba(183, 138, 61, 0.22);
  --border-hairline-strong: 1px solid rgba(183, 138, 61, 0.4);

  /* ---------- Sombra / resplandor ---------- */
  --glow-gold-soft: 0 0 120px rgba(183, 138, 61, 0.12);
  --glow-gold-strong: 0 0 180px rgba(215, 181, 109, 0.18);
  --shadow-deep: 0 30px 80px rgba(0, 0, 0, 0.55);

  /* ---------- Movimiento ---------- */
  --ease-ceremonial: cubic-bezier(0.16, 0.7, 0.24, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-slow: 1.4s;
  --dur-med: 0.9s;
  --dur-fast: 0.45s;

  /* ---------- Capas ---------- */
  --z-decor: 1;
  --z-content: 10;
  --z-header: 100;
  --z-overlay: 200;
}