/* Colors — one unified Clover palette. Brand blu + verde acqua, white-dominant. */
:root{
  /* base brand */
  --cv-blu:#005B7C;
  --cv-blu-mid:#007A9B;
  --cv-blu-press:#004A66;
  --cv-mint:#00BDA8;
  --cv-mint-hover:#00A893;
  --cv-mint-press:#00917F;
  --cv-mint-soft:rgba(0,189,168,.14);
  --cv-mint-ink:#006A5B;
  --cv-mint-fg:#FFFFFF;      /* label on a solid verde acqua fill — matches the white-on-mint lockup */
  --cv-blu-soft:rgba(0,91,124,.09);

  /* neutrals */
  --white:#FFFFFF;
  --ink:#111827;
  --muted:#6B7280;
  --faint:#9CA3AF;
  --line:#E5E7EB;
  --line-strong:#D1D5DB;
  --alt:#F8FAFB;
  --stage:#EDF1F3;

  /* semantic aliases */
  --bg-default:var(--white);
  --bg-alt:var(--alt);
  --bg-elevated:var(--white);
  --bg-dark:var(--cv-blu);
  --surface-card:var(--white);
  --border-default:var(--line);
  --border-strong:var(--line-strong);
  --fg-primary:var(--ink);
  --fg-secondary:var(--muted);
  --fg-muted:var(--faint);
  --fg-on-dark:#FFFFFF;
  --fg-on-dark-muted:rgba(255,255,255,.78);
  --fg-on-dark-faint:rgba(255,255,255,.55);
  --line-on-dark:rgba(255,255,255,.22);
  --fg-link:var(--cv-blu-mid);
  --fg-link-hover:var(--cv-blu);
  --accent:var(--cv-mint);
  --accent-ink:var(--cv-mint-ink);
  --fg-on-accent:var(--cv-mint-fg);

  /* status */
  --success:#10B981;
  --warning:#F59E0B;
  --danger:#EF4444;
  --info:var(--cv-blu-mid);

  /* datavis series — never rainbow, never gradients */
  --chart-1:var(--cv-blu);
  --chart-2:var(--cv-mint);
  --chart-3:var(--cv-blu-mid);
  --chart-4:var(--muted);
  --chart-grid:var(--line);
}