/* =========================================================================
   Magga Case — sistema de diseño del rediseño
   Paleta primaria: cálida (Magga Case). Acento reservado: púrpura (magga tech)
   Tipografía: Anybody (display) + IBM Plex Mono (datos) + sans de sistema (cuerpo)
   ========================================================================= */

@font-face{
  font-family:'Anybody';
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
  src:url('../fonts/Anybody-Variable.woff2') format('woff2');
}
@font-face{
  font-family:'IBM Plex Mono';
  font-weight:300;
  font-style:normal;
  font-display:swap;
  src:url('../fonts/IBMPlexMono-Light.woff2') format('woff2');
}
@font-face{
  font-family:'IBM Plex Mono';
  font-weight:400;
  font-style:normal;
  font-display:swap;
  src:url('../fonts/IBMPlexMono-Regular.woff2') format('woff2');
}
@font-face{
  font-family:'IBM Plex Mono';
  font-weight:700;
  font-style:normal;
  font-display:swap;
  src:url('../fonts/IBMPlexMono-Bold.woff2') format('woff2');
}
@font-face{
  font-family:'IBM Plex Mono';
  font-weight:700;
  font-style:italic;
  font-display:swap;
  src:url('../fonts/IBMPlexMono-BoldItalic.woff2') format('woff2');
}

:root{
  /* --- paleta real de magga.co, extraída del CSS en producción (Elementor kit 4750
     + variables --site-* del tema Vonica) — no son colores propuestos, son los que
     el sitio ya usa hoy. Nota: --site-bg-color real es "#e8e4e170", es decir el beige
     #E8E4E1 aplicado al 44% de opacidad sobre blanco — el resultado real es un blanco
     cálido casi puro (~#F6F4F3), no un beige sólido. Se corrige aquí para que el sitio
     se sienta predominantemente blanco, como el original, y no "todo beige". --- */
  --bg:#F6F4F3;
  --bg-elevated:#FFFFFF;
  --surface:#FAF8F7;
  --surface-2:#F1ECE9;
  --border:#E7E2DE;
  --border-strong:#DEDEDE;
  --text:#111111;
  --text-muted:#6B6B6B;   /* producción usa #767676 (4,14:1 sobre --bg): se oscurece
                             lo justo para dar AA 4,5:1 en todas las superficies claras */
  --brand:#7F6169;
  --brand-strong:#5C464B;
  --brand-tint:#FFD5D2;
  --brand-tint-2:#F9C3B7;
  --terracotta:#BD8D89;
  --cool:#7C8BA6;
  --cool-tint:#D3D7E0;
  --on-brand:#FFFFFF;
  --ink:#222222;
  --page-tint:#FFF6EC;
  --footer-bg:#000000;
  --footer-text:#FFFFFF;

  /* --- semántica (independiente del acento de marca) --- */
  /* success y warn se oscurecieron desde #3F7A54/#93650E: sus valores previos daban
     4,3:1 sobre su propio fondo y el chip "Nuevo" es texto pequeño (necesita 4,5:1) */
  --success:#386E4B;      --success-bg:#E5EFE6;
  --warn:#865C0D;         --warn-bg:#F5EDDD;
  --danger:#A3342B;       --danger-bg:#F5E4E1;

  --shadow-sm:0 1px 2px rgba(17,17,17,.07);
  --shadow-md:0 10px 28px -14px rgba(17,17,17,.26);
  --shadow-lg:0 24px 48px -20px rgba(17,17,17,.30);

  --font-display:'Anybody', ui-rounded, system-ui, sans-serif;
  --font-body:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-mono:'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem;
  --space-5:1.5rem; --space-6:2rem; --space-7:3rem; --space-8:4.5rem; --space-9:6.5rem;

  --radius-sm:.4rem; --radius-md:.75rem; --radius-lg:1.25rem; --radius-full:999px;
  --container:1280px;
  --header-h:64px;
  --trust-bar-h:36px;
  --header-full-h:calc(var(--header-h) + var(--trust-bar-h));
  color-scheme:light;
}

/* Sin modo oscuro: magga.co es un sitio de tema único (claro) — el rediseño respeta
   eso a propósito en vez de inventar una variante dark que el sitio real no tiene. */