/* ============================================================
   ALBORA — tokens.css · v1.0 (web)
   Sistema: DESIGN.md (Air "sky canvas, frosted glass" → marca Albora)
   Fuente de verdad de color/tipo: MANUAL_DE_MARCA_ALBORA (v1.0)
   ============================================================ */

:root {
  /* ---- Color · Noche (canvas único) ---- */
  --color-noche-950: #081320;  /* oklch(16% .04 250) — footer, profundidad máxima */
  --color-noche-900: #0E1C30;  /* oklch(21% .045 252) — canvas dominante */
  --color-noche-800: #122440;  /* oklch(25% .05 255) — cards, inputs */
  --color-noche-700: #1A3354;  /* bordes elevados, hover de superficie */

  /* ---- Color · Oro (único acento) ---- */
  --color-oro-300: #F0E090;    /* brillo */
  --color-oro-400: #E6CB78;    /* hover CTA */
  --color-oro-500: #D9B45C;    /* oklch(78% .095 85) — acento base */
  --color-oro-600: #C0A050;    /* bordes outlined, oro profundo */

  /* ---- Color · Alba (condimento <5%) ---- */
  --color-alba-300: #90D0E0;

  /* ---- Color · Neutros cálidos ---- */
  --color-crema-50: #FBF8F1;
  --color-crema-100: #F6F1E4;  /* texto principal sobre noche / superficie clara */
  --color-piedra-400: #A8A290; /* texto secundario sobre noche */
  --color-tinta-900: #1B2430;  /* texto sobre crema */

  /* ---- Tipografía ---- */
  --font-display: "Cinzel", "Trajan Pro", serif;
  --font-sans: "Sora", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* Escala (Air) */
  --text-caption: 0.75rem;     /* 12 / 1.5 */
  --text-body: 0.9375rem;      /* 15 / 1.5 */
  --text-body-lg: 1.0625rem;   /* 17 / 1.55 */
  --text-heading-sm: 1.25rem;  /* 20 / 1.1 */
  --text-heading: 2rem;        /* 32 / 1.1 */
  --text-heading-lg: 3.5rem;   /* 56 / 1.0 */
  --text-display: clamp(2.5rem, 6vw, 5.75rem);   /* hero Cinzel / 0.98 */
  --text-display-s: clamp(2.2rem, 6vw, 4.5rem);  /* cierre */

  /* ---- Espaciado (base 4 · Air verbatim) ---- */
  --space-1: 4px;  --space-2: 8px;   --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px;  --space-8: 32px; --space-12: 48px;
  --space-13: 52px;--space-16: 64px; --space-20: 80px;--space-30: 120px;

  /* Layout */
  --section-gap: var(--space-12);
  --card-padding: var(--space-5);
  --element-gap: var(--space-2);
  --container: 1120px;

  /* ---- Radios (Air verbatim) ---- */
  --radius-input: 4px;
  --radius-btn: 8px;
  --radius-img: 11px;
  --radius-card: 14px;
  --radius-pill: 999px;

  /* ---- Bordes / vidrio ---- */
  --rule-oro-soft: 1px solid rgba(217, 180, 92, 0.16);
  --rule-oro: 1px solid rgba(217, 180, 92, 0.34);
  --rule-crema-soft: 1px solid rgba(246, 241, 228, 0.12);
  --glass-bg: rgba(8, 19, 32, 0.55);
  --glass-blur: 12px;

  /* ---- Glow (única excepción de elevación: 1 por vista, hero) ---- */
  --glow-oro: 0 0 80px rgba(217, 180, 92, 0.14);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);   /* "amanecer" */
  --ease-in: cubic-bezier(0.64, 0, 0.78, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur-base: 320ms;
  --dur-slow: 700ms;
}