/* Contorno 3D · tokens de marca. Una sola fuente para la página del cliente, el admin, el panel de pedidos y las guías.
   Colores y letras del manual de marca Contorno³ᴰ. Primero los primitivos; después los roles que usan los componentes. */
:root{
  /* primitivos del manual */
  --merlot:#570301;--merlot2:#7A1410;--vino:#451010;--amarillo:#FFC000;--crema:#F7E594;--crema2:#FCF6DF;--grisvino:#8C5A4F;--tinta:#2A0B08;--papel:#FFFDF7;
  --verde:#1F9D55;--rojo:#C0281E;--wa:#25D366;--wa-oscuro:#137A3C;
  --linea:rgba(87,3,1,.12);--linea2:rgba(87,3,1,.22);

  /* roles */
  --fondo:var(--crema2);--superficie:var(--papel);--marca:var(--merlot);--accion:var(--amarillo);--tinta-suave:var(--grisvino);--borde:var(--linea);
  --radio-pill:99px;--radio-tarjeta:16px;--radio-control:12px;
  --sombra:0 2px 8px rgba(87,3,1,.08);
  --titulo:"Bricolage Grotesque","Familjen Grotesk",system-ui,sans-serif;
  --texto:"Familjen Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);

  /* estados de «Para hoy» (cobrar / diseño / entrega): tinta, fondo suave y borde */
  --dinero:#8A6200;--dinero-suave:#FFE7A3;--dinero-borde:#E8C35A;--dinero-icono:#B07E00;
  --diseno:#5B2A9E;--diseno-suave:#E9DDFB;--diseno-borde:#B99BE6;--diseno-icono:#6A35B8;
  --entrega:#0E7C66;--entrega-suave:#CDEFE5;--entrega-borde:#7FCDB8;--entrega-icono:#0E8C72;

  /* capas */
  --z-sug:30;--z-barra:50;--z-flota:60;--z-modal:70;--z-modal-alto:72;--z-aviso:80;--z-confeti:90;
}
:focus-visible{outline:3px solid var(--amarillo);outline-offset:2px}