:root {
  /* Brand / Accent */
  --la-accent: #2563eb;
  --la-accent-700: #1d4ed8;
  --la-accent-100: #dbeafe;

  /* Neutrals */
  --la-bg: #f8fafc;
  --la-surface: #ffffff;
  --la-surface-2: #eef2f7;
  --la-border: rgba(15, 23, 42, 0.14);
  --la-border-strong: rgba(15, 23, 42, 0.22);

  /* Text */
  --la-text: #0f172a;
  --la-text-muted: #6b7280;
  --la-text-soft: #94a3b8;

  /* Semantic */
  --la-success: #16a34a;
  --la-warning: #f59e0b;
  --la-danger: #ef4444;

  /* Shadows */
  --la-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --la-shadow-md: 0 10px 30px rgba(15, 23, 42, 0.12);
  --la-shadow-lg: 0 18px 50px rgba(15, 23, 42, 0.18);

  /* Radius */
  --la-radius-sm: 10px;
  --la-radius-md: 14px;
  --la-radius-lg: 18px;
  --la-radius-pill: 999px;

  /* Spacing (4px grid) */
  --la-s-1: 4px;
  --la-s-2: 8px;
  --la-s-3: 12px;
  --la-s-4: 16px;
  --la-s-5: 20px;
  --la-s-6: 24px;
  --la-s-7: 28px;
  --la-s-8: 32px;

  /* Typography */
  --la-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --la-fs-1: 12px;
  --la-fs-2: 13px;
  --la-fs-3: 14px;
  --la-fs-4: 16px;
  --la-fs-5: 18px;
  --la-lh-1: 1.25;
  --la-lh-2: 1.4;
  --la-lh-3: 1.55;

  /* Controls */
  --la-btn-h: 40px;
  --la-btn-h-sm: 34px;
  --la-focus: 0 0 0 3px rgba(37, 99, 235, 0.25);

  /* Chart palette */
  --chart-series-1: #2563eb;
  --chart-series-2: #22c55e;
  --chart-series-3: #f97316;
  --chart-series-4: #a855f7;
  --chart-series-5: #e11d48;
  --chart-negative: #ef4444;
}

/* Optional dark mode scaffold */
@media (prefers-color-scheme: dark) {
  :root {
    --la-bg: #0b1220;
    --la-surface: #0f172a;
    --la-surface-2: #111c2e;
    --la-border: rgba(226, 232, 240, 0.12);
    --la-border-strong: rgba(226, 232, 240, 0.18);
    --la-text: #e2e8f0;
    --la-text-muted: #94a3b8;
    --la-text-soft: #64748b;
    --la-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
    --la-shadow-md: 0 12px 34px rgba(0, 0, 0, 0.45);
    --la-shadow-lg: 0 18px 60px rgba(0, 0, 0, 0.55);

    --chart-series-1: #60a5fa;
    --chart-series-2: #34d399;
    --chart-series-3: #fb923c;
    --chart-series-4: #c084fc;
    --chart-series-5: #fb7185;
    --chart-negative: #f87171;
  }
}