/* Azula Calloway XV · tokens (PIEL «Lila & Plata»)
   Lila en lugar del fiusha de su Canva; la plata es el hilo del piteado y el sello.
   Contraste medido. Plata nunca carga texto sobre papel. */

/* Verandah trae los dígitos y «§» como glifo de marca: fuera del rango, caen a Cormorant (un «1» en un nombre de invitado lo destapó) */
@font-face { font-family: "BR Verandah"; src: url("../../assets/font/br-verandah.woff") format("woff"); font-display: swap; unicode-range: U+0000-002F, U+003A-00A6, U+00A8-FFFF; }
@font-face { font-family: "BR Cormorant"; src: url("../../assets/font/br-cormorant-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "BR Cormorant"; src: url("../../assets/font/br-cormorant-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }

:root {
  /* Primitivos */
  --br-paper: #FBF8FD;
  --br-lila-50: #F4EDF9;
  --br-lila-100: #EADFF4;
  --br-lila-300: #C9AEE2;
  --br-lila-500: #9C78C6;
  --br-lila-700: #6B4796;
  --br-plum: #3F2656;
  --br-plum-soft: #5B4475;
  --br-velvet: #43275C;
  --br-velvet-deep: #2C1940;
  --br-plata-100: #E6E8EC;
  --br-plata-300: #C9CDD5;
  --br-plata-500: #A9AEB8;
  --br-plata-700: #7D828D;
  --br-on-velvet: #F6F0FB;
  --br-foil: linear-gradient(115deg, #8C919C 0%, #E9EBEF 28%, #A9AEB8 46%, #F7F8FA 62%, #9298A3 100%);

  /* Semánticos (los consume structure.css) */
  --kc-canvas: var(--br-paper);
  --kc-canvas-alt: var(--br-lila-50);
  --kc-surface: #FFFFFF;
  --kc-ink: var(--br-plum);
  --kc-ink-muted: var(--br-plum-soft);
  --kc-accent: var(--br-lila-700);
  --kc-on-accent: #FFFFFF;
  --kc-line: var(--br-plata-300);
  --kc-field-line: var(--br-plata-700);
  --kc-error: #9A2A4A;
  --kc-focus: var(--br-lila-700);
  --kc-footer-bg: var(--br-velvet-deep);
  --kc-footer-ink: var(--br-on-velvet);
  --kc-footer-muted: var(--br-plata-300);

  /* Alias de doctrina (validador DaVinci) */
  --color-canvas: var(--kc-canvas);
  --color-ink: var(--kc-ink);
  --color-action: var(--kc-accent);
  --color-focus: var(--kc-focus);

  /* Ring: el sello de cera de la carta se pinta solo, sin disco detrás */
  --kc-ring-size: 58px;
  --kc-ring-color: var(--br-plata-500);
  --kc-ring-dot: var(--br-lila-700);
  --kc-ring-ink: var(--br-plum);

  /* Tipografía: script solo para nombres y títulos cortos; Cormorant carga la información */
  --kc-font-display: "BR Cormorant", "Cormorant Garamond", Georgia, serif;
  --kc-font-body: "BR Cormorant", "Cormorant Garamond", Georgia, serif;
  --br-font-script: "BR Verandah", "BR Cormorant", "Snell Roundhand", "Segoe Script", cursive;
  --kc-text-base: clamp(1.1rem, 1.04rem + 0.3vw, 1.2rem);
  --kc-text-eyebrow: clamp(0.78rem, 0.74rem + 0.2vw, 0.86rem);
  --kc-text-title: clamp(2.4rem, 1.9rem + 2.4vw, 3.4rem);
  --kc-text-hero: clamp(3.6rem, 2.4rem + 7vw, 6.4rem);
  --kc-text-count: clamp(1.9rem, 1.5rem + 2vw, 2.6rem);
  --kc-leading-body: 1.55;
  --kc-tracking-eyebrow: 0.3em;

  /* Espaciado */
  --kc-space-1: 0.25rem;
  --kc-space-2: 0.5rem;
  --kc-space-3: 0.75rem;
  --kc-space-4: 1rem;
  --kc-space-5: 1.5rem;
  --kc-space-6: 2rem;
  --kc-space-7: 3rem;
  --kc-space-8: 4rem;
  --kc-section-pad: clamp(3.75rem, 2.4rem + 5vw, 6rem);
  --kc-measure: 34rem;

  /* Forma: esquinas vivas de papel; el arco es solo para retratos */
  --kc-radius-sm: 2px;
  --kc-radius-md: 4px;
  --kc-radius-pill: 999px;
  --kc-shadow-soft: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 14px 30px -18px rgba(63, 38, 86, 0.45);

  /* Movimiento: el sello cruje, la carta sube y cruza (0–2750 ms) y el terciopelo se despixela (2550–3350 ms); ver src/theme/gate.mjs */
  --kc-gate-duration: 3.45s;
  --kc-stack-duration: 450ms;
  --kc-reveal-duration: 800ms;
  --kc-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}