/* Lisboa Ativa — tokens. Ver DESIGN.md. */

:root {
  --la-cyan: #00d8f0;
  --la-purple: #7818f0;
  --la-lime: #b4f800;
  --la-magenta: #e020a8;
  --la-orange: #f84000;
  --la-white: #ffffff;

  --la-font: "Futura PT", Futura, "Century Gothic", "Avenir Next", Avenir,
    system-ui, sans-serif;

  --la-tracking-display: 0.03em;
  --la-tracking-meta: 0.06em;
  --la-leading-display: 0.95;
  --la-leading-body: 1.4;

  --la-radius-pill: 999px;
  --la-radius-none: 0;

  --la-fw-book: 400;
  --la-fw-medium: 500;
  --la-fw-bold: 700;
  --la-fw-heavy: 800;
}

/* Combo A — ciano + magenta + roxo */
.theme-a {
  --la-bg: var(--la-cyan);
  --la-fg-display: var(--la-magenta);
  --la-fg-meta: var(--la-purple);
  --la-fg-body: var(--la-purple);
  --la-cta-bg: var(--la-magenta);
  --la-cta-fg: var(--la-white);
  --la-accent-bar: var(--la-purple);
}

/* Combo B — roxo + lima + ciano */
.theme-b {
  --la-bg: var(--la-purple);
  --la-fg-display: var(--la-lime);
  --la-fg-meta: var(--la-cyan);
  --la-fg-body: var(--la-cyan);
  --la-fg-slogan: var(--la-white);
  --la-cta-bg: var(--la-lime);
  --la-cta-fg: var(--la-purple);
  --la-accent-bar: var(--la-lime);
}

/* Combo C — lima + roxo + laranja */
.theme-c {
  --la-bg: var(--la-lime);
  --la-fg-display: var(--la-purple);
  --la-fg-meta: var(--la-orange);
  --la-fg-body: var(--la-orange);
  --la-cta-bg: var(--la-purple);
  --la-cta-fg: var(--la-lime);
  --la-accent-bar: var(--la-purple);
}