/* RENTOX — Color tokens
   Petrol = autoridad/base · Teal = acción · Alta visibilidad = urgencia/destacado */
:root{
  /* Marca */
  --petrol:#123F4A;
  --petrol-900:#0B272F;
  --petrol-700:#123F4A;
  --petrol-500:#2A6675;
  --teal:#0EA5A5;
  --teal-400:#2FD0D0;
  --teal-100:#D6F4F4;
  --hivis:#FFB100;
  --hivis-100:#FFF0CC;

  /* Neutros */
  --ink:#0B1E24;
  --ink-soft:#4A5A60;
  --steel:#7D8792;
  --line:#DDE3E4;
  --concrete:#EEF2F2;
  --paper:#F7F9F9;
  --white:#FFFFFF;

  /* Semánticos — estados de flota */
  --ok:#1F9254;      --ok-bg:#E4F5EB;
  --warn:#B26A00;    --warn-bg:#FFF3DB;
  --danger:#C0392B;  --danger-bg:#FBE9E7;
  --info:#1D6FA5;    --info-bg:#E5F1F9;

  /* ---- Alias semánticos ---- */
  --surface-page:var(--paper);
  --surface-card:var(--white);
  --surface-muted:var(--concrete);
  --surface-dark:var(--petrol-900);

  --text-strong:var(--ink);
  --text-body:var(--ink-soft);
  --text-muted:var(--steel);
  --text-on-dark:#FFFFFF;
  --text-on-dark-muted:#A9C0C6;

  --border-default:var(--line);
  --border-strong:var(--petrol);

  --action:var(--teal);
  --action-hover:#0C8F8F;
  --action-press:#0A7C7C;
  --action-ring:var(--teal-400);
  --action-ring-soft:var(--teal-100);

  --urgent:var(--hivis);
  --urgent-hover:#E89F00;
}