:root{
  /* Base palette — from Lotta - Identidade Visual */
  --lotta-yellow:#ffba00;
  --lotta-black:#0a0a0a;
  --lotta-white:#ffffff;
  --lotta-charcoal:#1e1e1e;
  --lotta-gray-light:#e5e5e5;

  /* Yellow ramp (derived from --lotta-yellow) */
  --yellow-50:#fff8e6;
  --yellow-100:#ffeeb8;
  --yellow-200:#ffe08a;
  --yellow-300:#ffd15c;
  --yellow-400:#ffc42e;
  --yellow-500:#ffba00;
  --yellow-600:#e5a400;
  --yellow-700:#b88300;
  --yellow-800:#8a6200;

  /* Neutral ramp */
  --neutral-0:#ffffff;
  --neutral-25:#fafafa;
  --neutral-50:#f5f5f5;
  --neutral-100:#efefef;
  --neutral-200:#e5e5e5;
  --neutral-300:#d4d4d4;
  --neutral-400:#a3a3a3;
  --neutral-500:#737373;
  --neutral-600:#525252;
  --neutral-700:#333333;
  --neutral-800:#1e1e1e;
  --neutral-900:#141414;
  --neutral-950:#0a0a0a;

  /* Semantic status */
  --success-500:#16a34a;
  --success-50:#e8f6ed;
  --danger-500:#dc2626;
  --danger-50:#fdeaea;
  --info-500:#0a0a0a;

  /* Semantic aliases — light surfaces */
  --brand:var(--lotta-yellow);
  --brand-hover:var(--yellow-600);
  --brand-active:var(--yellow-700);
  --brand-subtle:var(--yellow-50);
  --on-brand:var(--lotta-black);

  --surface-page:var(--neutral-50);
  --surface-card:var(--neutral-0);
  --surface-sunken:var(--neutral-100);
  --surface-inverse:var(--lotta-black);
  --surface-inverse-raised:var(--lotta-charcoal);

  --text-strong:var(--lotta-black);
  --text-body:var(--neutral-700);
  --text-muted:var(--neutral-500);
  --text-faint:var(--neutral-400);
  --text-on-inverse:var(--neutral-0);
  --text-on-inverse-muted:var(--neutral-400);
  --text-accent:var(--lotta-yellow);

  --border-subtle:var(--neutral-200);
  --border-default:var(--neutral-300);
  --border-strong:var(--neutral-700);
  --border-inverse:#2a2a2a;
  --border-focus:var(--lotta-yellow);

  --chart-line:var(--lotta-yellow);
  --chart-grid:var(--neutral-200);
  --chart-positive:var(--success-500);
  --chart-negative:var(--danger-500);
}

/* Dark scope — used on inverse panels, login, deck slides */
[data-theme="dark"]{
  --surface-page:var(--lotta-black);
  --surface-card:var(--lotta-charcoal);
  --surface-sunken:#151515;
  --text-strong:var(--neutral-0);
  --text-body:var(--neutral-300);
  --text-muted:var(--neutral-400);
  --text-faint:var(--neutral-500);
  --border-subtle:#262626;
  --border-default:#2f2f2f;
  --chart-grid:#262626;
}