/* Echitos Viandas — Color tokens
   Paleta cálida de cocina. Proporción 60·30·10:
   60% Papel Manteca (fondo dominante, NUNCA blanco puro)
   30% Carbón (estructura, texto)
   10% Oro (acentos puntuales: titulares, líneas, gráficos — nunca cuerpo chico)
   Yema y Oliva son pizcas, nunca fondos grandes. */

:root {
  /* ---- Base palette ---- */
  --carbon: #1B1B18;        /* primary ink / text / dark structure */
  --carbon-2: #26251F;      /* raised dark surfaces */
  --oro: #B48F46;           /* brand gold — accents, lines, graphics */
  --oro-claro: #D8BE84;     /* light gold — detail on carbón */
  --oro-oscuro: #8E6F34;    /* dark gold — support text on light */
  --manteca: #F3E9D4;       /* papel manteca — page background */
  --crema: #FBF6EC;         /* cream — cards & surfaces */
  --blanco: #FFFFFF;        /* pure white — use only inside cards/inputs, never page bg */

  /* ---- Accents (pizcas) ---- */
  --yema: #E3A12E;          /* egg yolk — appetite & energy */
  --oliva: #5E6B39;         /* olive — fresh & healthy / success */

  /* ---- System ---- */
  --humo: #5A5346;          /* smoke — secondary text (oscurecido para contraste AA ≥4.5:1) */
  --rojo: #A73C28;          /* red — errors/alerts ONLY, never decorative */
  --tinta: #1B1B18;         /* ink alias */

  /* ---- Lines & hairlines ---- */
  --linea: rgba(180, 143, 70, .42);
  --linea-2: rgba(180, 143, 70, .22);
  --linea-suave: rgba(27, 27, 24, .10);

  /* ---- Gold ramp (shadows, hovers, subtle fills — brand color is not diluted) ---- */
  --oro-10: #EFE6CF;
  --oro-25: #E2CDA0;
  --oro-45: #CBAE6B;
  --oro-base: #B48F46;
  --oro-70: #8E6F34;
  --oro-85: #6E551F;
  --oro-100: #4A3914;

  /* ---- Warm gray ramp ---- */
  --gris-00: #F3EFE7;
  --gris-10: #DAD4C8;
  --gris-25: #B7B0A1;
  --gris-50: #8A8475;
  --gris-70: #5E594D;
  --gris-85: #3A372F;
  --gris-ink: #1B1B18;

  /* ---- Semantic aliases ---- */
  --bg: var(--manteca);            /* page background */
  --surface: var(--crema);         /* cards & surfaces */
  --surface-raised: var(--blanco); /* inputs, raised tiles */
  --surface-dark: var(--carbon);   /* negative / dark mode panels */

  --text: var(--carbon);           /* body text */
  --text-muted: var(--humo);       /* secondary text */
  --text-on-dark: var(--crema);    /* crema sobre carbón */
  --text-gold: var(--oro-oscuro);  /* gold support text on light */

  --brand: var(--oro);             /* links, accents, secondary button */
  --accent-warm: var(--yema);
  --accent-fresh: var(--oliva);

  --success: var(--oliva);
  --danger: var(--rojo);

  --border: var(--linea-2);        /* default hairline */
  --border-strong: var(--linea);
  --border-soft: var(--linea-suave);

  /* ---- Action button (carbón sobre oro) ---- */
  --btn-primary-bg: var(--carbon);
  --btn-primary-fg: var(--crema);
  --btn-secondary-bg: var(--oro);
  --btn-secondary-fg: var(--carbon);
}