/* Tokens del sistema de diseño (valores provisionales, ver docs/sistema-diseno.md). */
:root {
  --color-fondo: #0B1620;
  --color-superficie: #12212D;
  --color-superficie-elevada: #1A2D3B;
  --color-borde: #2C4456;
  --color-texto: #E8F0F5;
  --color-texto-secundario: #A9BCC8;
  --color-acento: #4FB3D9;
  --color-epico: #F45BD0;
  --color-favorable: #2FBF9B;
  --color-precaucion: #F2B53A;
  --color-advertencia: #FF6B5E;
  --color-pasado: #FF6B5E;
  --color-no-recomendado: #000000;
  --color-flojo: #9AA5FF;
  --color-foco: #FFFFFF;

  /* Escala de intensidad del viento (docs/analisis-windguru.md §6). No es un veredicto. */
  --viento-0: #7E93A3;
  --viento-1: #4F8FE0;
  --viento-2: #2EC4C4;
  --viento-3: #4CD07D;
  --viento-4: #E8E04A;
  --viento-5: #FFAA3B;
  --viento-6: #FF5E57;
  --viento-7: #E07BFF;

  /* Geométrica de palo seco, como las siglas «SDV» del logo. */
  --fuente: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Ornamento: la ola del logo, en trazo fino. */
  --ola: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 16'%3E%3Cpath d='M2 12 C40 2 80 2 120 9 S200 16 238 4' fill='none' stroke='%234FB3D9' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
  --cometa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 120'%3E%3Cpath d='M10 70 C40 10 150 0 190 90 L175 95 C150 40 70 30 25 80 Z M70 38 L95 95 L150 70 L120 22' fill='none' stroke='%23E8F0F5' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E");
  --texto-xs: 0.75rem;
  --texto-s: 0.875rem;
  --texto-m: 1rem;
  --texto-l: 1.25rem;
  --texto-xl: 1.5rem;

  --esp-1: 4px;
  --esp-2: 8px;
  --esp-3: 12px;
  --esp-4: 16px;
  --esp-5: 24px;
  --esp-6: 32px;

  --esp-7: 64px;
  --alto-barra: 68px;
  --sombra: 0 10px 30px rgb(0 0 0 / 0.35);
  /* Símbolo del logo como máscara (marcadores y marcas de agua). */
  --simbolo: url("../img/brand/simbolo-blanco.png?v=4");

  --radio-campo: 4px;
  --radio-tarjeta: 8px;
  --radio-hoja: 16px;
  --tactil: 44px;
  --transicion: 200ms ease;
}