/* Conciencia Expansiva — tokens compartidos. Fuente: Manual IV v3.2.0 §6/§7.
   Arquitectura de color: verde mineral es SUPERFICIE dominante (35-50%),
   marfil es respiración (30-45%), verde bosque contraste (10-20%),
   arena secundario (5-15%), oro SOLO acento (3-8%). */
:root{
  /* Paleta base v3.1.0 (§6) */
  --ce-marfil:#F6F1E7;
  --ce-verde-mineral:#17372F;
  --ce-verde-bosque:#263D2C;
  --ce-arena:#C8B9A2;
  --ce-oro:#B69352;

  /* --- Superficie clara (marfil) --- */
  --bg:var(--ce-marfil);
  --bg-alt:#EFE8D8;
  --surface:#FBF8F1;
  --surface-raised:#FFFFFF;
  --ink:var(--ce-verde-mineral);
  --ink-soft:#3A4A40;
  --muted:#52635A;                 /* 5,2:1 sobre bg-alt, 5,7:1 sobre marfil (antes 4,64 en bg-alt) */
  --line:#DCD1BC;
  /* Superficies claras de seccion (v3.3, 10-09-2026). La home era casi toda
     verde profundo; Marjorie pidio una web "profunda y luminosa". Alternar
     marfil, lino y salvia da ritmo sin salir de la paleta del Manual. */
  --bg-sage:#E3E9E0;               /* verde luminoso: mineral muy aclarado */
  --veil-light:color-mix(in srgb, var(--bg) 86%, transparent);   /* velo claro sobre imagen */
  --veil-light-strong:color-mix(in srgb, var(--bg) 93%, transparent);
  --gold-strong:#7A6230;           /* oro como trazo/icono sobre claro, 5,2:1 */
  --gold:var(--ce-oro);
  --gold-ink:#5E4A22;              /* oro como texto sobre claro */
  --gold-soft:#EDE0C2;

  /* --- Superficie profunda (verde mineral) — campos de autoridad --- */
  --deep:var(--ce-verde-mineral);
  --deep-2:var(--ce-verde-bosque);
  --on-deep:var(--ce-marfil);
  --on-deep-soft:#C7D2C9;
  --on-deep-mute:#9DACA0;
  --on-deep-line:color-mix(in srgb, var(--ce-marfil) 15%, transparent);
  --on-deep-gold:#CBA76A;          /* oro legible sobre verde */
  --deep-card:#1F4038;            /* tarjeta sobre verde */

  --arena:var(--ce-arena);
  --arena-ink:#4A4132;

  --shadow-1:0 1px 2px rgba(15,32,26,.06), 0 1px 1px rgba(15,32,26,.04);
  --shadow-2:0 14px 34px -14px rgba(15,32,26,.22), 0 2px 8px -2px rgba(15,32,26,.10);
  --shadow-deep:0 24px 50px -18px rgba(0,0,0,.45);
  --grain-opacity:.045;

  --ease-out:cubic-bezier(0.16,1,0.3,1);
  --ease-in-out:cubic-bezier(0.65,0,0.35,1);
  --ease-ui:cubic-bezier(0.23,1,0.32,1);   /* respuesta de UI: hover, press, menu */
  --dur-ui:200ms;
  --dur-reveal:900ms;
  --nav-h:68px;

  --font-display:'Cormorant Garamond','Iowan Old Style',Georgia,serif;
  --font-body:'Manrope',-apple-system,'Segoe UI',sans-serif;

  --radius-sm:8px; --radius-md:12px; --radius-lg:18px; --radius-xl:26px;
  --measure:66ch;
  --focus-ring:color-mix(in srgb, var(--ce-oro) 30%, transparent);
  --cta-bg:var(--ce-verde-mineral); --cta-ink:var(--ce-marfil);
  /* alias compat piezas antiguas */
  --mineral:var(--ce-verde-mineral); --mineral-deep:#0F241E; --mineral-tint:#E7EEE9;
  --ease-out-expo:var(--ease-out);
  color-scheme:light;
}

/* Tema oscuro: el marfil pasa a texto, el verde profundo a fondo total. */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#10231D; --bg-alt:#132A23; --surface:#173029; --surface-raised:#1D3A32;
    --ink:var(--ce-marfil); --ink-soft:#CBD5CC; --muted:#9DB0A4;
    --line:#2C463D;
    --gold:#D3AC62; --gold-ink:#E7CF9C; --gold-soft:#33301C;
    --deep:#0D1D18; --deep-2:#132A22; --deep-card:#1B382F;
    --on-deep:var(--ce-marfil); --on-deep-soft:#C7D2C9; --on-deep-mute:#94A398;
    --on-deep-line:color-mix(in srgb, var(--ce-marfil) 15%, transparent); --on-deep-gold:#D3AC62;
    --shadow-1:0 1px 2px rgba(0,0,0,.5);
    --shadow-2:0 20px 44px -18px rgba(0,0,0,.65);
    --shadow-deep:0 24px 50px -18px rgba(0,0,0,.7);
    --grain-opacity:.06;
    --focus-ring:color-mix(in srgb, var(--ce-oro) 40%, transparent);
    --cta-bg:var(--gold); --cta-ink:var(--ce-verde-mineral);
    --mineral:#8FBE9C; --mineral-deep:#B7DFC0; --mineral-tint:#1E3A31;
    --bg-sage:#173229; --gold-strong:#D3AC62;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#10231D; --bg-alt:#132A23; --surface:#173029; --surface-raised:#1D3A32;
  --ink:var(--ce-marfil); --ink-soft:#CBD5CC; --muted:#9DB0A4;
  --line:#2C463D;
  --gold:#D3AC62; --gold-ink:#E7CF9C; --gold-soft:#33301C;
  --deep:#0D1D18; --deep-2:#132A22; --deep-card:#1B382F;
  --on-deep:var(--ce-marfil); --on-deep-soft:#C7D2C9; --on-deep-mute:#94A398;
  --on-deep-line:color-mix(in srgb, var(--ce-marfil) 15%, transparent); --on-deep-gold:#D3AC62;
  --shadow-1:0 1px 2px rgba(0,0,0,.5);
  --shadow-2:0 20px 44px -18px rgba(0,0,0,.65);
  --shadow-deep:0 24px 50px -18px rgba(0,0,0,.7);
  --grain-opacity:.06;
  --focus-ring:color-mix(in srgb, var(--ce-oro) 40%, transparent);
  --cta-bg:var(--gold); --cta-ink:var(--ce-verde-mineral);
  --mineral:#8FBE9C; --mineral-deep:#B7DFC0; --mineral-tint:#1E3A31;
  --bg-sage:#173229; --gold-strong:#D3AC62;
  color-scheme:dark;
}
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } }