/**
 * Bridge AI OS — Brand theme (policy-aligned)
 * Extends unified-theme.css — load unified-theme.css first. Source: BRAND_GUIDELINES.md
 */

:root {
  /* Semantic aliases (reference unified-theme tokens) */
  --brand-primary: var(--primary);
  --brand-accent: var(--accent);
  --brand-bg-dark: var(--bg-dark);
  --brand-text-on-dark: var(--text-primary);
  --pure-white: #FFFFFF;
  --success-green: var(--success);
  --alert-amber: var(--warning);
  --error-red: var(--danger);
  --light-blue: #E6F0FF;
  --soft-gray: #F5F7FA;
  --medium-gray: var(--text-secondary);
  --light-navy: var(--bg-card);

  /* Gradients (§5.4) — use theme vars */
  --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
  --gradient-dark: var(--bg-gradient);
  --gradient-accent: linear-gradient(90deg, var(--secondary) 0%, var(--primary) 100%);

  /* Typography — match unified-theme */
  --font-primary: var(--font-sans);
  --font-mono: var(--font-mono);
}

/* Optional: apply brand background and text to body when class .brand-theme is set */
body.brand-theme {
  font-family: var(--font-primary);
  color: var(--deep-navy);
  background-color: var(--pure-white);
}
body.brand-theme.dark {
  color: var(--pure-white);
  background: var(--gradient-dark);
}

/* CTA button (policy gradient) */
.btn-brand-primary {
  background: var(--gradient-primary);
  color: var(--pure-white);
  border: none;
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
}
.btn-brand-primary:hover {
  opacity: 0.95;
}

/* Links (Bridge Blue / Electric Cyan) */
a.brand-link {
  color: var(--bridge-blue);
}
a.brand-link:hover {
  color: var(--electric-cyan);
}