/* ============================================================
   🎨 TOKENS — Paleta SUNSET (fuente única de verdad)
   Cambia aquí → cambia toda la app.
   Uso: rgb(var(--tok-primary))  /  rgb(var(--tok-primary) / 0.5)
   ============================================================ */

:root {

  /* ── Fondos ──────────────────────────────────────────────── */
  --tok-bg-page:            250 247 242;   /* crema cálido · página      */
  --tok-bg-surface:         255 253 249;   /* superficie / card          */
  --tok-bg-white:           255 255 255;   /* blanco puro · inputs       */
  --tok-bg-hover:           250 244 232;   /* hover superficie            */
  --tok-bg-selected:        255 244 228;   /* card / item seleccionado   */

  /* ── Bordes ──────────────────────────────────────────────── */
  --tok-border:             232 220 204;   /* borde principal            */
  --tok-border-input:       220 208 192;   /* borde input                */
  --tok-border-btn:         228 214 196;   /* borde botón                */
  --tok-border-notif:       230 216 199;   /* borde notificación         */
  --tok-border-danger:      240 186 170;   /* borde peligro              */

  /* ── Fondo oscuro (header / footer) ─────────────────────── */
  --tok-dark:               34  26  18;   /* oscuro principal            */
  --tok-dark-subtle:        172 148 118;  /* texto sutil sobre oscuro    */
  --tok-dark-footer-text:   190 168 138;  /* texto footer sobre oscuro   */

  /* ── Tipografía ──────────────────────────────────────────── */
  --tok-text-dark:          36  24  12;   /* texto más oscuro            */
  --tok-text-base:          52  38  22;   /* texto base                  */
  --tok-text-muted:         148 124 96;   /* texto atenuado              */
  --tok-text-label:         100 78  52;   /* texto etiqueta              */
  --tok-text-on-dark:       250 244 234;  /* texto claro sobre oscuro    */
  --tok-text-highlight:     168 80  16;   /* texto resaltado naranja     */

  /* ── Primario — naranja sunset ───────────────────────────── */
  --tok-primary:            196 98  28;   /* naranja principal           */
  --tok-primary-hover:      166 78  14;   /* naranja hover               */
  --tok-primary-end:        139 58  14;   /* naranja oscuro (logo grad.) */
  --tok-primary-text:       255 248 236;  /* texto sobre primario        */
  --tok-primary-soft:       252 220 180;  /* naranja suave               */
  --tok-primary-xsoft:      255 244 228;  /* naranja muy suave           */
  --tok-primary-medium:     212 169 106;  /* naranja medio (landing)     */
  --tok-primary-blob:       254 215 170;  /* blob decorativo login       */

  /* ── Secundario ──────────────────────────────────────────── */
  --tok-secondary-bg:       245 236 222;
  --tok-secondary-hover:    234 222 204;
  --tok-secondary-text:     58  36  16;

  /* ── Éxito ───────────────────────────────────────────────── */
  --tok-success:            22  163 110;
  --tok-success-bg:         220 246 232;
  --tok-success-text:       20  90  55;
  --tok-success-hover:      190 236 212;

  /* ── Proceso / Advertencia ───────────────────────────────── */
  --tok-warning-bg:         252 240 218;
  --tok-warning-text:       130 72  8;

  /* ── Peligro ─────────────────────────────────────────────── */
  --tok-danger:             214 60  50;
  --tok-danger-bg:          252 224 214;
  --tok-danger-text:        160 40  28;
  --tok-danger-hover:       248 200 188;
  --tok-danger-btn-text:    180 44  30;

  /* ── Botón notificación ──────────────────────────────────── */
  --tok-notif-bg:           255 250 243;
  --tok-notif-hover:        244 234 223;
  --tok-notif-text:         79  61  44;
  --tok-notif-text-hover:   59  42  29;

  /* ── Overlay ─────────────────────────────────────────────── */
  --tok-overlay:            0   0   0;

  /* ── Módulos (homepage) ──────────────────────────────────── */
  --tok-module-news:        59  159 212;  /* azul  · Noticias            */
  --tok-module-gis:         61  173 122;  /* verde · Visor GIS           */
  --tok-module-amber:       232 165 52;   /* ámbar · Socios / Clima sol  */

  /* ── Clima ───────────────────────────────────────────────── */
  --tok-wx-cloud:           143 163 177;
  --tok-wx-rain:            72  165 201;
  --tok-wx-storm:           22  130 179;

  /* ── Landing (específico) ────────────────────────────────── */
  --tok-landing-hero-text:  245 237 224;
  --tok-landing-card-bg:    42  32  23;
  --tok-landing-card-border: 78  60  44;
  --tok-landing-overlay:    26  15  6;
  --tok-landing-footer-bg:  30  20  10;

  /* ── Perte footer (específico) ───────────────────────────── */
  --tok-perte-footer-bg:    47  33  23;
  --tok-perte-footer-border: 58  42  31;
  --tok-perte-footer-text:  245 237 228;

}