body.senet-demo-branding {
  --scheme-primary: var(--senet-primary);
  --scheme-secondary: var(--senet-secondary);
  --scheme-accent: var(--senet-accent);
  --phoenix-primary: var(--senet-primary);
  --phoenix-primary-rgb: var(--senet-primary-rgb);
  --phoenix-link-color: var(--senet-secondary);
  --phoenix-link-hover-color: var(--senet-primary);
}

body.senet-demo-branding a {
  color: var(--senet-secondary);
}

body.senet-demo-branding a:hover {
  color: var(--senet-primary);
}

body.senet-demo-branding .btn-primary,
body.senet-demo-branding .btn-phoenix-primary {
  --phoenix-btn-bg: var(--senet-primary);
  --phoenix-btn-border-color: var(--senet-primary);
  --phoenix-btn-hover-bg: #0b1826;
  --phoenix-btn-hover-border-color: #0b1826;
  background-color: var(--senet-primary);
  border-color: var(--senet-primary);
}

body.senet-demo-branding .btn-outline-primary {
  --phoenix-btn-color: var(--senet-primary);
  --phoenix-btn-border-color: rgba(var(--senet-primary-rgb), .42);
  --phoenix-btn-hover-bg: var(--senet-primary);
  --phoenix-btn-hover-border-color: var(--senet-primary);
  color: var(--senet-primary);
  border-color: rgba(var(--senet-primary-rgb), .42);
}

body.senet-demo-branding .navbar-top {
  border-bottom-color: rgba(var(--senet-primary-rgb), .1);
}

body.senet-demo-branding .navbar-vertical,
body.senet-demo-branding .navbar-vertical-collapsed {
  --phoenix-navbar-vertical-bg-color: #ffffff;
  border-right-color: rgba(var(--senet-primary-rgb), .1);
}

body.senet-demo-branding .navbar-vertical .nav-link.active,
body.senet-demo-branding .navbar-vertical .nav-link:hover,
body.senet-demo-branding .nav-tabs .nav-link.active {
  color: var(--senet-primary);
}

body.senet-demo-branding .navbar-vertical .nav-link.active::before,
body.senet-demo-branding .nav-tabs .nav-link.active::before {
  background-color: var(--senet-accent);
}

body.senet-demo-branding .badge-phoenix-primary,
body.senet-demo-branding .text-primary {
  color: var(--senet-primary) !important;
}

body.senet-demo-branding .bg-primary,
body.senet-demo-branding .progress-bar {
  background-color: var(--senet-primary) !important;
}

body.senet-demo-branding .senet-splash-screen {
  background:
    radial-gradient(circle at 50% 45%, rgba(255,255,255,.98) 0%, rgba(247,249,248,.94) 42%, rgba(239,246,246,.96) 72%),
    linear-gradient(135deg, rgba(var(--senet-primary-rgb), .09), rgba(var(--senet-secondary-rgb), .1));
}

body.senet-demo-branding .senet-loading-bar,
body.senet-demo-branding .senet-loading-bar::before {
  background: linear-gradient(90deg, var(--senet-secondary), var(--senet-accent), var(--senet-teal));
}

body.senet-demo-branding .senet-splash-subtitle,
body.senet-demo-branding .senet-powered-brand,
body.senet-demo-branding .logo-text {
  color: var(--senet-primary);
}

body.senet-demo-branding .auth-hero::after {
  background:
    linear-gradient(135deg, rgba(var(--senet-primary-rgb), .78), rgba(var(--senet-secondary-rgb), .5)),
    radial-gradient(circle at 12% 12%, rgba(var(--senet-accent-rgb), .24), transparent 34%);
}

body.senet-demo-branding .auth-badge {
  background-color: rgba(var(--senet-primary-rgb), .58);
}

body.senet-demo-branding .form-control:focus,
body.senet-demo-branding .form-select:focus {
  border-color: rgba(var(--senet-secondary-rgb), .52);
  box-shadow: 0 0 0 .2rem rgba(var(--senet-secondary-rgb), .14);
}

body.senet-demo-branding .claim-public-shell {
  --claim-accent: var(--senet-accent);
  --claim-gradient-start: var(--senet-primary);
  --claim-gradient-end: var(--senet-secondary);
  --claim-accent-2: var(--senet-teal);
  --claim-ink: var(--senet-primary);
}

body.senet-demo-branding .claim-brand-mark {
  background: rgba(var(--senet-primary-rgb), .08);
  border-color: rgba(var(--senet-primary-rgb), .16);
}