/* tokens.css — Sistema de diseño La Cachapera · Auditorías
   Lenguaje visual heredado de Fina (limpio, móvil primero, esquinas suaves)
   con la paleta de marca de auditorías. El resto del CSS solo consume estas variables. */
:root{
  /* Marca */
  --brand:           #fac914;   /* amarillo La Cachapera */
  --brand-dark:      #e2b30b;
  --brand-soft:      #fff5cc;
  --ink:             #2c2f31;   /* gris oscuro de marca (texto, header) */
  --ink-soft:        #3d4145;

  /* Neutros */
  --bg:              #f6f6f7;
  --surface:         #ffffff;
  --surface-2:       #fafafa;
  --border:          #e5e5e7;
  --text:            #2c2f31;
  --text-muted:      #6b6f74;
  --text-faint:      #a8aaae;

  /* Estados */
  --ok:              #1d6a3a;  --ok-bg:   #e7f7ec;
  --warn:            #b9770e;  --warn-bg: #fff3e0;
  --err:             #a23029;  --err-bg:  #fdecea;
  --info:            #2363b8;  --info-bg: #eef3ff;

  /* Sector (diferencia visual sutil Sala vs Cocina) */
  --sala:            #2363b8;
  --cocina:          #b9770e;

  /* Forma */
  --r-sm:            10px;
  --r:               14px;
  --r-lg:            18px;
  --r-pill:          999px;
  --shadow:          0 1px 3px rgba(44,47,49,.08);
  --shadow-md:       0 8px 24px rgba(44,47,49,.12);
  --shadow-brand:    0 6px 18px rgba(250,201,20,.35);
  --transition:      .2s cubic-bezier(.4,0,.2,1);

  /* Tipografía */
  --font-title:      'Bebas Neue','Cabin',system-ui,sans-serif;
  --font-body:       'Cabin',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}
h1,h2,h3,.title{font-family:var(--font-title);font-weight:400;letter-spacing:.5px}
a{color:inherit}
.ico{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
.ico svg{width:1em;height:1em}