:root{
  /* Brand colors derived from Davister logo (pill + hands) */
  --brand-primary:#17b6e6;
  --brand-secondary:#1b56d6;
  --brand-accent:#c8ef1c;

  /* Neutral scale */
  --neutral-0:#ffffff;
  --neutral-50:#f8fafc;
  --neutral-100:#eef2f7;
  --neutral-200:#dbe3ee;
  --neutral-400:#95a3b8;
  --neutral-600:#4a5a70;
  --neutral-800:#1e2a3b;

  /* Semantic tokens */
  --surface-page:var(--neutral-0);
  --surface-card:var(--neutral-0);
  --border-default:var(--neutral-200);
  --text-primary:var(--neutral-800);
  --text-muted:var(--neutral-600);
  --link-color:var(--brand-secondary);
  --success-color:var(--brand-primary);

  /* Typography tokens */
  --font-family-base: "Segoe UI", Arial, sans-serif;
  --font-size-base: 1rem;
  --line-height-base: 1.5;

  /* Spacing tokens */
  --space-1:0.25rem;
  --space-2:0.5rem;
  --space-3:0.75rem;
  --space-4:1rem;
  --space-5:1.5rem;
  --space-6:2rem;
}