/* Sync Source brand tokens — generated; do not edit.
 * Source: /etc/syncsource/branding/brand.json
 * Updated: 2026-10-31T14:17:01+00:00
 * Consumers: portal, landing, webmail (via published copies).
 */
:root {
  color-scheme: light dark;

  --ss-brand-product: "Sync Source Hosting";
  --ss-brand-company: "Sync Source Nodes";
  --ss-brand-logo: url("https://syncsource.co.za/wp-content/uploads/syncsource_brand_logo.png");

  --ss-indigo: #1e1e4f;
  --ss-indigo-deep: #121232;
  --ss-cyan: #00b8e6;
  --ss-cyan-hover: #2ec5eb;
  --ss-cyan-glow: rgba(0, 184, 230, 0.45);
  --ss-gold: #ccac5a;
  --ss-ink: #0f1024;
  --ss-muted: #5c6280;
  --ss-surface: #f7f8fc;
  --ss-card-surface: #ffffff;
  --ss-radius: 14px;
  --ss-wrap: 1120px;
  --ss-logo-height: 44px;
  --ss-font-display: "Montserrat", system-ui, sans-serif;
  --ss-font-body: "Source Sans 3", system-ui, sans-serif;

  /* Compat remote aliases */
  --ss-bg-dark-remote: #0f1028;
  --ss-card-dark-remote: #1a1a3a;
  --ss-text-dark-remote: #e8eefc;
  --ss-bg-light: #f7f8fc;
  --ss-card-light: #ffffff;
  --ss-text-light-mode: #0f1024;

  /* Theme-mapped (default = light, matches marketing shell) */
  --ss-bg: var(--ss-surface);
  --ss-card: var(--ss-card-surface);
  --ss-text: var(--ss-ink);
  --ss-text-muted: var(--ss-muted);
  --ss-border: rgba(30, 30, 79, 0.1);
  --ss-header-bg: rgba(247, 248, 252, 0.92);
  --ss-footer-bg: var(--ss-card);
  --ss-nav: var(--ss-indigo);
  --ss-btn-fg: #062033;
  --ss-ghost-border: rgba(30, 30, 79, 0.22);
  --ss-ghost-fg: var(--ss-indigo);
  --ss-side-active-fg: #062033;

  /* Legacy landing aliases (--ssn-*) → shared tokens */
  --ssn-indigo: var(--ss-indigo);
  --ssn-indigo-deep: var(--ss-indigo-deep);
  --ssn-cyan: var(--ss-cyan);
  --ssn-cyan-glow: var(--ss-cyan-glow);
  --ssn-gold: var(--ss-gold);
  --ssn-ink: var(--ss-ink);
  --ssn-muted: var(--ss-muted);
  --ssn-surface: var(--ss-surface);
  --ssn-card: var(--ss-card-surface);
  --ssn-radius: 18px;
  --ssn-font-display: var(--ss-font-display);
  --ssn-font-body: var(--ss-font-body);
}

html[data-bs-theme="dark"],
html[data-theme="dark"],
.ssn-theme-dark {
  color-scheme: dark;
  --ss-bg: #0f1028;
  --ss-card: #1a1a3a;
  --ss-text: #e8eefc;
  --ss-text-muted: rgba(232, 238, 252, 0.65);
  --ss-border: rgba(0, 184, 230, 0.22);
  --ss-header-bg: rgba(15, 16, 40, 0.92);
  --ss-footer-bg: #1a1a3a;
  --ss-nav: #e8eefc;
  --ss-btn-fg: #062033;
  --ss-ghost-border: rgba(255, 255, 255, 0.35);
  --ss-ghost-fg: #ffffff;
  --ss-side-active-fg: #062033;
}

html[data-bs-theme="light"],
html[data-theme="light"] {
  color-scheme: light;
}