/* Shared semantic palette. Components use tokens; only this file defines themes. */
:root {
  --surface-canvas:#f6f7f9; --surface-panel:#ffffff; --surface-raised:#f1f3f6;
  --text-primary:#252b35; --text-secondary:#667080; --border-subtle:#e5e7eb;
  --brand-action:#2859d6; --brand-action-hover:#214cba; --brand-text:#2859d6;
  --focus-ring:#2859d6; --radius-control:8px; --radius-panel:12px;
  --business-bg:var(--surface-canvas); --business-panel:var(--surface-panel);
  --business-hover:var(--surface-raised); --business-text:var(--text-primary);
  --business-muted:var(--text-secondary); --business-line:var(--border-subtle);
  --business-accent:var(--brand-text); --border:var(--border-subtle);
  --muted:var(--text-secondary); --panel:var(--surface-panel); --text:var(--text-primary);
  --line:var(--border-subtle); --green:var(--brand-action);
}
:root[data-theme="dark"] {
  --surface-canvas:#181a1e; --surface-panel:#212429; --surface-raised:#2c3037;
  --text-primary:#e8eaed; --text-secondary:#a6adb8; --border-subtle:#343840;
  --brand-action:#3564d9; --brand-action-hover:#4475eb; --brand-text:#a7c1ff;
  --focus-ring:#a7c1ff;
}