/* Tokens compartidos por panel.css, portal.css y auth.css — la unica fuente de color y tipografia.
   Direccion B (2026-09-24): Source Sans 3 para texto, Lexend para titulos, verde salvia como unico acento. */
:root {
  --bg: #F5F4F0;
  --surface: #FFFFFF;
  --surface-2: #F0EFEA;
  --line: #E2E3DD;
  --line-strong: #CACDC4;
  --text: #1C2320;
  --text-muted: #5F6862;

  /* Tonos sacados de logo.svg (2026-09-28): verde del degradado del fondo y oro del grano.
     AA: blanco sobre --accent ≈ 6,5:1; --accent sobre --bg ≈ 6:1. */
  --accent: #3A6652;        /* punto medio del degradado #55876F → #244234 */
  --accent-strong: #244234; /* extremo oscuro del logo */
  --accent-on: #FFFFFF;
  --accent-tint: #E3EDE7;   /* aclarado de las lindes #D5E4DB */
  --harvest: #CC9424;       /* oro del grano; solo decorativo (iconos, estrella), nunca texto */

  /* La barra lateral ya no es oscura: mismo neutro que el fondo. */
  --side-bg: var(--bg);
  --side-text: var(--text-muted);
  --side-strong: var(--text);
  --side-muted: var(--text-muted);
  --side-line: var(--line);
  --side-active: var(--accent-tint);

  --ok-fg: #3B6844;
  --ok-tint: #E7F0E8;
  --warn-fg: #8A600E; /* oro oscuro del logo; ≈4,9:1 sobre --warn-tint */
  --warn-tint: #FAF0D8;
  --crit-fg: #A8402C;
  --crit-tint: #FBEAE5;
  --fill-crit: var(--crit-fg);

  --step-1: #D5E4DB;
  --step-2: #9DBDAE;
  --step-3: #55876F;
  --step-4: #3A6652;

  --font-body: "Source Sans 3", "Segoe UI", Arial, system-ui, sans-serif;
  --font-head: "Lexend", "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --r: 8px;
}

h1, h2, h3, .brand-name, .who .brand, .auth-brand-name { font-family: var(--font-head); font-weight: 500; letter-spacing: -0.015em; }
.num, .mono, td.num, .tile-value, .price-value, .price-delta { font-variant-numeric: tabular-nums; }

/* Logo (app/static/logo.svg): icono con volumen, mismo archivo que el favicon. */
.logo { width: 26px; height: 26px; flex-shrink: 0; filter: drop-shadow(0 1px 2px rgb(13 31 23 / .22)); }