:root, .role-shell[class*="role-theme-"] {
  --brand-primary: #765432; --brand-secondary: #456789;
  --brand-dark: #583f26; --brand-light: #becad6; --brand-soft: #efeae6;
  --cu-primary: var(--brand-primary); --cu-secondary: var(--brand-secondary); --cu-accent: var(--brand-light);
  --cu-navy: var(--brand-dark); --cu-bg: var(--brand-soft); --cu-border: var(--brand-light);
  --ui-accent: var(--brand-primary); --ui-accent-strong: var(--brand-dark);
  --ui-border: var(--brand-light); --ui-border-strong: var(--brand-secondary); --ui-surface-soft: var(--brand-soft);
  --admin-primary: var(--brand-primary); --admin-primary-hover: var(--brand-dark);
  --admin-primary-soft: var(--brand-soft); --admin-secondary: var(--brand-secondary);
  --admin-bg: var(--brand-soft); --admin-border: var(--brand-light);
  --admin-nav-bg: linear-gradient(180deg, var(--brand-dark), var(--brand-primary));
  --admin-nav-text: #fff;
  --bs-primary: var(--brand-primary); --bs-link-color: var(--brand-primary);
  --bs-link-hover-color: var(--brand-dark);
}
.auth-page { background: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary), var(--brand-light)); }
.btn-primary { --bs-btn-bg: var(--brand-primary); --bs-btn-border-color: var(--brand-primary);
  --bs-btn-hover-bg: var(--brand-dark); --bs-btn-hover-border-color: var(--brand-dark);
  --bs-btn-active-bg: var(--brand-dark); --bs-btn-active-border-color: var(--brand-dark); }