/* Dulcifra · sistema visual v3 (2026-10-19): logo escrito con manga y remolino de manjar
   Paleta "Pastelería": los mismos colores aprobados, ahora con nombres de la pastelería.
   Contraste AA verificado en cada par texto/fondo (ver Marca.md).
   Uso: copiar estos tokens en cada producto, landing o anuncio. Nunca usar colores fuera de esta lista. */
:root {
  /* Color: marca */
  --amarena: #672422;    /* tinta principal: textos, botones, logotipo */
  --azuki: var(--amarena);   /* nombre anterior, se mantiene por compatibilidad */
  --manjar: #D9A441;     /* firma: remolino del logo, precio, destacados */
  --miel: var(--manjar);
  --frutilla: #FCC9B9;   /* etiquetas y chips */
  --sakura: var(--frutilla);
  --pistacho: #4E6A38;   /* ganancia y confirmaciones */
  --matcha: var(--pistacho);
  --bizcocho: #E8D8BE;   /* líneas y bordes */
  --kinako: var(--bizcocho);
  --panna: #FBF6EE;      /* fondo general */
  --mochi: var(--panna);

  /* Color: roles (usar estos en componentes) */
  --fondo: var(--mochi);
  --superficie: #FFFFFF;
  --superficie-suave: #FDE5DD;   /* sakura suave para tarjetas destacadas */
  --tinta: var(--azuki);
  --tinta-2: #7A4A45;            /* texto secundario: 7,3:1 sobre blanco */
  --sobre-tinta: var(--mochi);   /* texto sobre botón azuki: 10,5:1 */
  --linea: var(--kinako);
  --acento: var(--miel);
  --acento-fondo: #F6E7C6;
  --exito: var(--matcha);
  --exito-fondo: #E4EDDC;
  --error: #A8432F;
  --error-fondo: #F6DED8;

  /* Tipografía */
  --f-display: "M PLUS Rounded 1c", "DM Sans", system-ui, sans-serif;   /* ExtraBold 800 títulos y precios, 700 subtítulos */
  --f-texto: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --t-xs: .75rem; --t-s: .875rem; --t-m: 1rem; --t-l: 1.3rem; --t-xl: 1.75rem; --t-precio: 2.6rem;

  /* Forma y espacio */
  --r-s: 10px; --r: 14px; --r-l: 24px;     /* el radio grande repite el 24% del isologo */
  --e-1: 4px; --e-2: 8px; --e-3: 12px; --e-4: 16px; --e-5: 24px; --e-6: 32px;
  --toque: 48px;                            /* alto mínimo de botones y campos */
  --sombra: 0 1px 2px rgba(103,36,34,.08), 0 4px 16px rgba(103,36,34,.06);
}

/* La página de venta es siempre clara (la app tiene su propio modo oscuro) */
:root{color-scheme:light}

/* Para la página de venta v2 (rapido.py sitio): fuentes propias y nombres de rol que usa sitio2.css */
@font-face{font-family:"DM Sans";font-weight:400;font-display:swap;src:url("fuentes/dmsans-400.woff2") format("woff2")}
@font-face{font-family:"DM Sans";font-weight:700;font-display:swap;src:url("fuentes/dmsans-700.woff2") format("woff2")}
@font-face{font-family:"M PLUS Rounded 1c";font-weight:700;font-display:swap;src:url("fuentes/mplusrounded-700.woff2") format("woff2")}
@font-face{font-family:"M PLUS Rounded 1c";font-weight:800;font-display:swap;src:url("fuentes/mplusrounded-800.woff2") format("woff2")}
:root{--primario:var(--amarena);--sobre-primario:var(--panna);--primario-suave:var(--superficie-suave);--acento-suave:var(--acento-fondo);--alerta:var(--error);--bruma:var(--tinta-2)}