/* SevaCircle design tokens — single source of truth for theming.
   Light is default; [data-theme="dark"] overrides; "system" resolves via JS. */

:root,
[data-theme="light"] {
  --sc-primary: #1565c0;
  --sc-primary-hover: #0d47a1;
  --sc-accent: #00897b;
  --sc-bg: #f4f6fa;
  --sc-surface: #ffffff;
  --sc-surface-2: #eef1f6;
  --sc-text: #1a1c1e;
  --sc-text-muted: #5f6368;
  --sc-border: #e0e3e7;
  --sc-danger: #c62828;
  --sc-success: #2e7d32;
  --sc-radius: 14px;
  --sc-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

[data-theme="dark"] {
  --sc-primary: #64b5f6;
  --sc-primary-hover: #90caf9;
  --sc-accent: #4db6ac;
  --sc-bg: #121417;
  --sc-surface: #1c1f24;
  --sc-surface-2: #23272e;
  --sc-text: #e6e8eb;
  --sc-text-muted: #9aa0a6;
  --sc-border: #2c313a;
  --sc-danger: #ef9a9a;
  --sc-success: #a5d6a7;
  --sc-radius: 14px;
  --sc-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}