/*
  Theme switch:
  1. Keep tokens-core.css first.
  2. Swap the second import to choose the active brand theme.
     Available themes:
     - theme-regulatory-tech.css
     - theme-conservative.css
     - theme-luxury.css
  3. For deploy notes and verification steps, see ../THEME_SWITCHING.md.
*/
@import url('./tokens-core.css');
@import url('./theme-conservative.css');

:root{
  /* Backward-compatible aliases for existing pages */
  --bg:var(--color-page-bg);
  --surface:var(--color-surface-default);
  --surface-2:var(--color-surface-muted);
  --surface-3:var(--color-surface-emphasis);
  --ink:var(--color-text-primary);
  --ink-soft:var(--color-text-strong);
  --muted:var(--color-text-secondary);
  --muted-2:var(--color-text-tertiary);
  --line:var(--color-border-subtle);
  --line-strong:var(--color-border-strong);
  --accent:var(--color-brand-primary);
  --accent-deep:var(--color-brand-primary-strong);
  --accent-soft:var(--color-brand-soft);
  --gold:var(--color-premium-accent);
  --gold-soft:var(--color-premium-bg);
  --gold-line:var(--color-premium-border);
  --gold-ink:var(--color-premium-text);
  --success:var(--color-success);
  --danger:var(--color-danger);
  --footer:var(--color-footer-bg);
  --footer-soft:var(--color-footer-text);
  --footer-muted:var(--color-footer-muted);
  --shadow:var(--shadow-sm);
  --radius:var(--radius-md);
}