/* Comercial · Thelsa — variables de color, radios y sombras. */
  :root {
    --bg: #f4f6f9; --bg-card: #ffffff; --bg-subtle: #f8fafc;
    --ink: #0d1b2a; --ink-soft: #475467; --ink-faint: #8a94a6;
    --line: #dce3ec; --line-soft: #eaeff5;
    --brand: #0b4f9e; --brand-soft: #0d5fbb; --accent: #d81b33;
    --ok: #1e6f4f; --ok-bg: #e3f0e9;
    --warn: #a8540b; --warn-bg: #fbecd7;
    --err: #8a1d1d; --err-bg: #f4dada;
    --info: #0b4f9e; --info-bg: #e2ecf8;
    --shadow-sm: 0 1px 2px rgba(13,27,42,0.05), 0 1px 1px rgba(13,27,42,0.03);
    --shadow-lg: 0 12px 32px rgba(13,27,42,0.12), 0 4px 8px rgba(13,27,42,0.06);
    --r-sm: 4px; --r-md: 8px;
  }