/* ════════════════════════════════════════════════════════════════════
 * KYVEN v2.1 · GENEVA CREAM · luxury longevity european identity
 *
 * Paleta definitiva validada:
 * · Auditoría color science elite (KYVEN_COLOR_SCIENCE_ELITE.md)
 * · Análisis competitivo luxury longevity (Function Health / Lifeforce / Wild Health)
 * · Referentes luxury europeo (Patek Philippe / Audemars Piguet / Aesop)
 * · Validación runtime con 5 iteraciones mockup sobre kyven.health
 * · Confirmación final Carlos founder: 2026-06-02
 *
 * 32 tokens · -95% deuda visual vs 620 colores únicos actuales
 * Reemplaza: kyven-v2-tokens.css + parcialmente kyven-v2-overrides.css
 *
 * IMPORTANTE: Estos tokens se aplican SOLO cuando data-geneva-mode="on".
 * Por default flag desactivado · app funciona idéntica con flag OFF.
 *
 * NO refactorizar individual tokens sin escalar a Carlos (decisión estratégica).
 * ════════════════════════════════════════════════════════════════════ */

/* ──── Solo aplica si feature flag activo ──── */
html[data-geneva-mode="on"] {

  /* ═══ LAYER 1 · FOUNDATION (background app) ═══ */
  --kvn-bg-app:              #EBE7DD;     /* Ivory cream sage-tinted luxury · Patek tier */
  --kvn-bg-app-top:          #EEEADF;     /* Gradient top más luminoso */
  --kvn-bg-app-bottom:       #E5E1D6;     /* Gradient bottom shadow subtle */
  --kvn-bg-elevated:         #F5F1E5;     /* White-cream para modales premium */

  /* ═══ LAYER 2 · CARDS (Patek Geneva green identity) ═══ */
  --kvn-card-primary:        #3F5249;     /* Patek Day-Date green inverted */
  --kvn-card-hero:           #475C53;     /* Hero cards · RECOVERY · A1 SCORE */
  --kvn-card-elevated:       #4F665C;     /* Cards hover/active */
  --kvn-card-translucent:    rgba(63,82,73,0.85);

  /* ═══ LAYER 3 · TEXT ═══ */
  /* Sobre cards verdes */
  --kvn-cream-on-card:       #EBE7DD;     /* Coherencia con bg */
  --kvn-cream-on-card-strong: #F5F1E5;    /* Títulos hero sobre card */

  /* Sobre cream bg */
  --kvn-text-dark:           #2A3B33;     /* Títulos · dark sage olive deep */
  --kvn-text-body:           #404D45;     /* Body text · dark sage olive */
  --kvn-text-muted:          #6B7A72;     /* Meta text · subtle */
  --kvn-text-eyebrow:        #A88857;     /* Eyebrows premium · Patek satin gold */

  /* ═══ LAYER 4 · GOLD MATE (Patek/Aesop satin) ═══ */
  --kvn-gold-mate:           #A88857;     /* Tan gold mate · precisión suiza */
  --kvn-gold-mate-bright:    #BB9B69;     /* Hover/CTA */
  --kvn-gold-mate-soft:      #C9B58F;     /* Highlight sutil */
  --kvn-gold-mate-dim:       #8A6E45;     /* Border gold */

  /* ═══ LAYER 5 · CHROMATIC SEMANTIC SYSTEM ═══ */
  /* Sobre cream bg · darker tones */
  --kvn-metric-recovery:     #5E8472;     /* Sage longevity */
  --kvn-metric-hrv:          #5A7E8E;     /* Cool slate cyan */
  --kvn-metric-strain:       #A87248;     /* Warm clay effort */
  --kvn-metric-sleep:        #6F6088;     /* Soft purple rest */
  --kvn-metric-fc-reposo:    #A07880;     /* Dusty rose heart */
  --kvn-metric-spo2:         #4E7782;     /* Cyan deeper oxygen */
  --kvn-metric-achievement:  #A88857;     /* Gold mate · score/streak */
  --kvn-metric-alert:        #B87340;     /* Clay alert · NO red */

  /* Sobre cards verdes · lighter pastels */
  --kvn-metric-recovery-card: #A8C9B6;
  --kvn-metric-hrv-card:      #9EBED2;
  --kvn-metric-strain-card:   #D4A580;
  --kvn-metric-sleep-card:    #B5A8D2;
  --kvn-metric-fc-card:       #D4A8B0;
  --kvn-metric-spo2-card:     #8FB2BC;

  /* ═══ LAYER 6 · SAGE PROTAGONIST ═══ */
  --kvn-sage-on-cream:       #5E8472;     /* Sage dark sobre cream */
  --kvn-sage-on-card:        #A8C9B6;     /* Sage soft sobre card */
  --kvn-sage-pill:           #C3DEC9;     /* Pill active sub-tabs */
  --kvn-sage-pill-text:      #2A3B33;     /* Text sobre pill active */

  /* ═══ LAYER 7 · BORDERS & SHADOWS ═══ */
  /* Borders */
  --kvn-border-soft:         rgba(60,77,68,0.08);
  --kvn-border-medium:       rgba(60,77,68,0.16);
  --kvn-border-gold:         rgba(168,136,87,0.25);
  --kvn-border-glass:        rgba(255,255,255,0.40);
  --kvn-border-highlight:    rgba(255,255,255,0.10);

  /* Shadows · 4 tokens · NO colored glows */
  --kvn-shadow-xs:           0 1px 2px rgba(60,77,68,0.06);
  --kvn-shadow-sm:           0 4px 12px rgba(60,77,68,0.10);
  --kvn-shadow-md:           0 8px 24px rgba(60,77,68,0.15), 0 2px 6px rgba(60,77,68,0.08);
  --kvn-shadow-lg:           0 16px 48px rgba(60,77,68,0.20), 0 4px 12px rgba(60,77,68,0.10);
  --kvn-shadow-inset:        inset 0 1px 0 rgba(255,255,255,0.12);

  /* ═══ LAYER 8 · NAV CRISTAL ═══ */
  --kvn-nav-bg:              rgba(255,253,247,0.62);  /* Blanco warm 62% */
  --kvn-nav-blur:            blur(60px) saturate(140%);
  --kvn-nav-border-top:      rgba(255,255,255,0.45);
  --kvn-nav-shadow:          0 8px 32px rgba(60,77,68,0.12);

  /* ═══ LAYER 9 · SPACING (breathing crítico) ═══ */
  --kvn-space-card-gap:      24px;        /* +100% vs actual 12px */
  --kvn-space-section-gap:   56px;        /* +75% vs actual 32px */
  --kvn-space-card-pad:      20px;        /* +25% vs actual 16px */

  /* ═══ LAYER 10 · TYPOGRAPHY (mantener Playfair · candidatos futuros) ═══ */
  /* No tocar fonts en Fase GC-1 · esto es referencia para Fase posterior */
  /* --kvn-font-quote: 'Playfair Display' (mantener intacto) */
  /* --kvn-font-data: 'JetBrains Mono' (mantener intacto) */

}

/* ════════════════════════════════════════════════════════════════════
 * FALLBACK · si data-geneva-mode no es "on" · vars no se definen
 * y los selectores que las usen con var(--kvn-X, fallback-actual)
 * mantendrán el comportamiento dark actual.
 * ════════════════════════════════════════════════════════════════════ */