/* Privé Space · landing v5 — tokens.
   Espejo de libs/ui-tokens-prive/tokens.css (la landing es estática y no importa de libs;
   mantener sincronizado). Sistema de marca: docs/marca-prive/MARCA.md.
   Excepción explícita del CEO (FLT-955): además de los cuatro neutros se usa BLANCO PURO
   como superficie (paneles, tarjetas, barra al hacer scroll) y se MEZCLAN superficies:
   bloques Tinta con texto Marfil, bandas Cachemira, paneles blancos sobre Marfil. */

:root {
  /* Paleta — cuatro neutros, ningún acento */
  --ps-ink: #1e1b17; /* Tinta — texto, símbolo, superficies de marca */
  --ps-paper: #f4f0e8; /* Marfil — fondo principal */
  --ps-paper-2: #faf7f1; /* Marfil claro */
  --ps-cashmere: #c9bead; /* Cachemira — bandas */
  --ps-vicuna: #8e8172; /* Vicuña — texto secundario, numerales marca de agua */
  --ps-rule: #ddd6c9; /* Hairlines 1 px — TODA división */
  --ps-white: #ffffff; /* Superficie blanca (excepción CEO) */

  /* Alfa derivados (no son colores nuevos) */
  --ps-ink-60: rgba(30, 27, 23, 0.6);
  --ps-ink-40: rgba(30, 27, 23, 0.4);
  --ps-ink-rule: rgba(30, 27, 23, 0.18); /* hairline sobre Cachemira */
  --ps-paper-80: rgba(244, 240, 232, 0.8);
  --ps-paper-60: rgba(244, 240, 232, 0.6);
  --ps-paper-rule: rgba(244, 240, 232, 0.28); /* hairline sobre Tinta / foto */
  --ps-photo-veil: rgba(30, 27, 23, 0.55); /* fondo de capas flotantes */

  /* Fotografía: filtro de marca + scrim inferior (único degradado permitido) */
  --ps-photo-filter: grayscale(0.6) sepia(0.25) contrast(0.95) brightness(0.85);
  --ps-scrim: linear-gradient(
    180deg,
    rgba(30, 27, 23, 0.25) 0%,
    rgba(30, 27, 23, 0.15) 50%,
    rgba(30, 27, 23, 0.7) 100%
  );

  /* Semánticos apagados — SOLO estados (punto de 6 px / texto ≤ 11 px) */
  --ps-success: #4f6b5a;
  --ps-warning: #9a7a46;
  --ps-danger: #8c4a42;

  /* Tipografía — nunca negritas */
  --ps-font-display:
    'Cormorant Garamond', Georgia, 'Times New Roman', serif; /* 300 / 400 · itálica 300 */
  --ps-font-text: 'Hanken Grotesk', system-ui, 'Helvetica Neue', Arial, sans-serif; /* 300 / 400 */
  --ps-wm-tracking: 0.34em;
  --ps-caps-tracking: 0.26em;

  --ps-fs-hero: clamp(56px, 8.4vw, 120px);
  --ps-fs-big: clamp(36px, 4.6vw, 64px);
  --ps-fs-mid: clamp(28px, 3.2vw, 44px);
  --ps-fs-num: clamp(64px, 8vw, 112px);
  --ps-fs-body: 15px;
  --ps-fs-small: 13px;
  --ps-fs-caption: 10px;
  --ps-lh-body: 1.7;

  /* Geometría y movimiento */
  --ps-radius: 0px; /* sin radios en toda la UI */
  --ps-hairline: 1px solid var(--ps-rule);
  --ps-shadow-float: 0 30px 80px rgba(20, 18, 14, 0.14); /* solo capas flotantes */
  --ps-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ps-dur: 240ms;

  /* Retícula */
  --pad: clamp(20px, 5vw, 80px);
  --maxw: 1360px;
  --nav-h: 72px;
  --gap: clamp(28px, 4vw, 64px);

  /* Escala tipográfica y espaciado del kit (libs/ui-tokens-prive) — el gate de
     marca verifica que este espejo no derive. */
  --ps-fs-display: 64px;
  --ps-fs-h1: 44px;
  --ps-fs-h2: 28px;
  --ps-fs-h3: 20px;
  --ps-lh-display: 1.02;
  --ps-desc-tracking: 0.4em;
  --ps-space-1: 4px;
  --ps-space-2: 8px;
  --ps-space-3: 12px;
  --ps-space-4: 16px;
  --ps-space-6: 24px;
  --ps-space-8: 32px;
  --ps-space-12: 48px;
  --ps-space-16: 64px;
  --ps-space-24: 96px;
  --ps-radius-appicon: 22%;
}