/* Eco X — Color tokens
   Lifted verbatim from the production landing page (ecoxunidademovel.com.br).
   A tight, high-contrast industrial palette: one signature red, a near-black
   ink ramp, and a cool grey-paper neutral ramp. No gradients, no tints beyond
   these. */
:root {
  /* ── Brand / signature ── */
  --red: #C8102E;          /* Eco X red — the X, primary actions, accents */
  --red-dark: #A50D25;     /* hover / pressed red */
  --red-wash: #FFF5F5;     /* faint red fill behind selected form options */

  /* ── Ink ramp (near-black neutrals) ── */
  --black: #111111;        /* primary text, dark surfaces, hero */
  --dark: #1E1E1E;         /* slightly raised dark surface */
  --mid: #4A4A4A;          /* secondary text */
  --muted: #888888;        /* tertiary text, captions, labels */

  /* ── Paper ramp (light neutrals) ── */
  --white: #FFFFFF;        /* base canvas */
  --bg: #FAFAFA;           /* off-white section background */
  --bg-2: #F3F3F3;         /* card / tab background */
  --bg-3: #EBEBEB;         /* pillar / inset background */
  --rule: #E0E0E0;         /* hairline borders, 1px grid gaps */
  --footer-grey: #A6A6A6;  /* footer surface */

  /* ── Semantic status ── */
  --success: #16A34A;      /* "Disponível" availability dot */
  --ata-green: #1A5C2E;    /* "Via Ata" / prefeituras accent */
  --reserved: #B45309;     /* "Reservado em negociação" */
  --whatsapp: #25D366;     /* WhatsApp floating button */

  /* ── Semantic aliases ── */
  --text-strong: var(--black);
  --text-body: var(--mid);
  --text-soft: var(--muted);
  --text-on-dark: var(--white);
  --surface-page: var(--white);
  --surface-sunken: var(--bg);
  --surface-card: var(--white);
  --surface-inverse: var(--black);
  --border-hairline: var(--rule);
  --accent: var(--red);
  --accent-hover: var(--red-dark);
}