/* KAS CPA - clean navy and gold alternate theme.
   This file is loaded after the page CSS and only affects data-theme="prestige". */

html[data-theme="prestige"] {
  --dark-primary: #070c18;
  --dark-secondary: #0b1428;
  --dark-tertiary: #101b33;
  --accent-coral: #d8ba55;
  --accent-coral-light: #f1dc82;
  --accent-coral-glow: rgba(216, 186, 85, 0.11);
  --accent-teal: #d8ba55;
  --text-primary: #fbf6e8;
  --text-secondary: #bdc8dc;
  --text-muted: #7f8ca5;
  --white: #fff9ea;
  --glass: rgba(255, 249, 234, 0.045);
  --glass-border: rgba(216, 186, 85, 0.16);
  --glass-hover: rgba(216, 186, 85, 0.08);
  --shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, 0.58);
  --shadow-card: 0 14px 36px rgba(0, 0, 0, 0.24);
  color-scheme: dark;
}

html[data-theme="prestige"],
html[data-theme="prestige"] body {
  background: #070c18 !important;
  color: #fbf6e8 !important;
}

html[data-theme="prestige"] .logo-mark svg rect,
html[data-theme="prestige"] .logo-mark svg line {
  stroke: #d8ba55 !important;
}

html[data-theme="prestige"] .logo-mark svg circle {
  fill: #d8ba55 !important;
}

html[data-theme="prestige"] .top-bar {
  background: #050914 !important;
  border-color: rgba(216, 186, 85, 0.14) !important;
}

html[data-theme="prestige"] .header {
  background: rgba(7, 12, 24, 0.96) !important;
  border-color: rgba(216, 186, 85, 0.13) !important;
}

html[data-theme="prestige"] .footer,
html[data-theme="prestige"] .footer-bottom,
html[data-theme="prestige"] .kas-banner,
html[data-theme="prestige"] .dob-banner,
html[data-theme="prestige"] .cm-banner {
  background: #070c18 !important;
  border-color: rgba(216, 186, 85, 0.14) !important;
}

html[data-theme="prestige"] .page-hero,
html[data-theme="prestige"] .content-section,
html[data-theme="prestige"] .services-section,
html[data-theme="prestige"] .trust-bar,
html[data-theme="prestige"] .cta-section,
html[data-theme="prestige"] .faq-section,
html[data-theme="prestige"] .footnote-strip,
html[data-theme="prestige"] article {
  background: #071026 !important;
  background-image: none !important;
  border-color: rgba(216, 186, 85, 0.12) !important;
}

html[data-theme="prestige"] .content-section:nth-of-type(even),
html[data-theme="prestige"] .services-section:nth-of-type(even),
html[data-theme="prestige"] .faq-section {
  background: #071026 !important;
  background-image: none !important;
}

html[data-theme="prestige"] .hero h1,
html[data-theme="prestige"] .hero .hero-headline,
html[data-theme="prestige"] h1,
html[data-theme="prestige"] h2,
html[data-theme="prestige"] h3,
html[data-theme="prestige"] h4,
html[data-theme="prestige"] .section-title,
html[data-theme="prestige"] .logo-name {
  color: #fbf6e8 !important;
}

html[data-theme="prestige"] .hero h1 em,
html[data-theme="prestige"] .hero .hero-headline em,
html[data-theme="prestige"] h1 em,
html[data-theme="prestige"] h2 em,
html[data-theme="prestige"] .section-title em,
html[data-theme="prestige"] .section-label,
html[data-theme="prestige"] .section-eyebrow,
html[data-theme="prestige"] .footnote-eyebrow,
html[data-theme="prestige"] .footnote-title em,
html[data-theme="prestige"] .dropdown-dot,
html[data-theme="prestige"] .service-link {
  color: #d8ba55 !important;
  -webkit-text-fill-color: #d8ba55 !important;
}

html[data-theme="prestige"] p,
html[data-theme="prestige"] li,
html[data-theme="prestige"] .hero-description,
html[data-theme="prestige"] .section-subtitle,
html[data-theme="prestige"] .page-hero-description,
html[data-theme="prestige"] .logo-sub,
html[data-theme="prestige"] .breadcrumb,
html[data-theme="prestige"] .footer-brand p {
  color: #bdc8dc !important;
}

html[data-theme="prestige"] .top-bar,
html[data-theme="prestige"] .top-bar a,
html[data-theme="prestige"] .nav-item,
html[data-theme="prestige"] .nav-link,
html[data-theme="prestige"] .dropdown-trigger,
html[data-theme="prestige"] .top-link {
  color: #bdc8dc !important;
}

html[data-theme="prestige"] .btn-primary,
html[data-theme="prestige"] .nav-cta,
html[data-theme="prestige"] .cta-button,
html[data-theme="prestige"] button[type="submit"] {
  background: #d8ba55 !important;
  background-image: none !important;
  color: #071026 !important;
  border-color: #d8ba55 !important;
  box-shadow: none !important;
}

html[data-theme="prestige"] .btn-primary:hover,
html[data-theme="prestige"] .nav-cta:hover,
html[data-theme="prestige"] .cta-button:hover,
html[data-theme="prestige"] button[type="submit"]:hover {
  background: #f1dc82 !important;
  background-image: none !important;
  border-color: #f1dc82 !important;
  color: #071026 !important;
}

html[data-theme="prestige"] .btn-outline,
html[data-theme="prestige"] .hero-actions .btn-outline {
  color: #fbf6e8 !important;
  border-color: rgba(216, 186, 85, 0.24) !important;
  background: rgba(255, 249, 234, 0.02) !important;
}

html[data-theme="prestige"] .btn-outline:hover {
  color: #f1dc82 !important;
  border-color: rgba(241, 220, 130, 0.38) !important;
  background: rgba(216, 186, 85, 0.07) !important;
}

html[data-theme="prestige"] .theme-toggle {
  background: #0f1830 !important;
  border-color: rgba(216, 186, 85, 0.28) !important;
}

html[data-theme="prestige"] .theme-toggle-knob {
  background: #d8ba55 !important;
}

html[data-theme="prestige"] .service-card,
html[data-theme="prestige"] .industry-card,
html[data-theme="prestige"] .why-card,
html[data-theme="prestige"] .sidebar-card,
html[data-theme="prestige"] .leadership-card,
html[data-theme="prestige"] .tool-card,
html[data-theme="prestige"] .insight-card,
html[data-theme="prestige"] .credential-card,
html[data-theme="prestige"] .contact-card,
html[data-theme="prestige"] .form-card,
html[data-theme="prestige"] .hero-stat,
html[data-theme="prestige"] .dropdown-menu,
html[data-theme="prestige"] .dropdown-panel {
  background: rgba(255, 249, 234, 0.008) !important;
  background-image: none !important;
  border-color: rgba(216, 186, 85, 0.16) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html[data-theme="prestige"] .service-card:hover,
html[data-theme="prestige"] .industry-card:hover,
html[data-theme="prestige"] .why-card:hover,
html[data-theme="prestige"] .tool-card:hover,
html[data-theme="prestige"] .insight-card:hover {
  background: rgba(216, 186, 85, 0.045) !important;
  border-color: rgba(241, 220, 130, 0.3) !important;
}

html[data-theme="prestige"] main,
html[data-theme="prestige"] .content-grid,
html[data-theme="prestige"] .content-main,
html[data-theme="prestige"] .content-sidebar,
html[data-theme="prestige"] .sidebar-card,
html[data-theme="prestige"] .contact-card,
html[data-theme="prestige"] .form-card,
html[data-theme="prestige"] .credential-card,
html[data-theme="prestige"] .sidebar-list,
html[data-theme="prestige"] .cta-content,
html[data-theme="prestige"] .footer-grid {
  background-image: none !important;
}

html[data-theme="prestige"] .sidebar-card,
html[data-theme="prestige"] .contact-card,
html[data-theme="prestige"] .form-card,
html[data-theme="prestige"] .credential-card {
  background-color: rgba(255, 249, 234, 0.006) !important;
}

html[data-theme="prestige"] .section-label::before,
html[data-theme="prestige"] .nav-item::after,
html[data-theme="prestige"] .service-card::after,
html[data-theme="prestige"] .why-card::before,
html[data-theme="prestige"] .content-main li::before {
  background: #d8ba55 !important;
}

/* Keep the non-home sections clean. These large ambient washes caused the
   cloudy blue/gold blotches on ordinary pages. */
html[data-theme="prestige"] .page-hero::before,
html[data-theme="prestige"] .page-hero-bg,
html[data-theme="prestige"] .page-hero-bg svg,
html[data-theme="prestige"] .services-bg-shape,
html[data-theme="prestige"] .cta-section::before,
html[data-theme="prestige"] .diff-banner::before,
html[data-theme="prestige"] .cm-banner::before,
html[data-theme="prestige"] .kas-banner-overlay,
html[data-theme="prestige"] .dob-banner-overlay {
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* Homepage hero: restore the layered reveal design with cleaner navy/gold art. */
html[data-theme="prestige"] .hero,
html[data-theme="prestige"] .hero-surface {
  background: #070c18 !important;
}

html[data-theme="prestige"] .hero-bg,
html[data-theme="prestige"] .hero-bg svg {
  display: block !important;
  opacity: 1 !important;
}

html[data-theme="prestige"] .hero-bg svg {
  filter: saturate(0.95);
}

html[data-theme="prestige"] #waveGrad1 stop:first-child,
html[data-theme="prestige"] #waveGrad2 stop:last-child {
  stop-color: #f1dc82 !important;
}

html[data-theme="prestige"] #waveGrad1 stop:last-child,
html[data-theme="prestige"] #waveGrad2 stop:first-child,
html[data-theme="prestige"] .hero-bg svg path:nth-of-type(3) {
  stop-color: #d8ba55 !important;
  fill: #d8ba55 !important;
}

html[data-theme="prestige"] .hero-bg svg path:nth-of-type(1) {
  opacity: 0.1 !important;
}

html[data-theme="prestige"] .hero-bg svg path:nth-of-type(2) {
  opacity: 0.13 !important;
}

html[data-theme="prestige"] .hero-bg svg path:nth-of-type(3) {
  opacity: 0.16 !important;
}

html[data-theme="prestige"] .hero-grid {
  display: block !important;
  opacity: 1 !important;
  background-image:
    linear-gradient(rgba(216, 186, 85, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216, 186, 85, 0.025) 1px, transparent 1px) !important;
  mask-image: radial-gradient(ellipse 70% 60% at 60% 50%, black 0%, transparent 70%) !important;
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 60% 50%, black 0%, transparent 70%) !important;
}

html[data-theme="prestige"] .hero-surface .hero-badge,
html[data-theme="prestige"] .hero-badge {
  background: rgba(216, 186, 85, 0.1) !important;
  border-color: rgba(216, 186, 85, 0.24) !important;
  color: #d8ba55 !important;
}

html[data-theme="prestige"] .hero-badge .dot,
html[data-theme="prestige"] .hero-surface .hero-badge .dot {
  background: #d8ba55 !important;
}

html[data-theme="prestige"] .hero-surface .hero-hint {
  color: rgba(216, 186, 85, 0.42) !important;
}

html[data-theme="prestige"] .hero-hidden {
  background:
    radial-gradient(ellipse at 20% 48%, rgba(216, 186, 85, 0.12) 0%, transparent 46%),
    radial-gradient(ellipse at 82% 32%, rgba(241, 220, 130, 0.08) 0%, transparent 44%),
    linear-gradient(135deg, #071026 0%, #0a1630 42%, #111e38 64%, #070c18 100%) !important;
}

html[data-theme="prestige"] .hero-hidden::before {
  display: block !important;
  opacity: 1 !important;
  background:
    repeating-linear-gradient(0deg, transparent, transparent 60px, rgba(216, 186, 85, 0.018) 60px, rgba(216, 186, 85, 0.018) 61px),
    repeating-linear-gradient(90deg, transparent, transparent 60px, rgba(216, 186, 85, 0.018) 60px, rgba(216, 186, 85, 0.018) 61px) !important;
}

html[data-theme="prestige"] .hero-hidden .hero-badge {
  background: rgba(216, 186, 85, 0.18) !important;
  border-color: rgba(216, 186, 85, 0.38) !important;
  color: #f1dc82 !important;
}

html[data-theme="prestige"] .hero-hidden h1,
html[data-theme="prestige"] .hero-hidden .hero-headline {
  background: linear-gradient(135deg, #fff9ea 0%, #f1dc82 54%, #d8ba55 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html[data-theme="prestige"] .hero-hidden h1 em,
html[data-theme="prestige"] .hero-hidden .hero-headline em {
  background: linear-gradient(135deg, #f1dc82 0%, #d8ba55 60%, #fff0a6 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html[data-theme="prestige"] .hero-hidden .hero-description {
  color: #fbf6e8 !important;
}

html[data-theme="prestige"] .hero-hidden .btn-primary {
  background: linear-gradient(135deg, #d8ba55, #f1dc82) !important;
  color: #071026 !important;
  border-color: #d8ba55 !important;
  box-shadow: 0 10px 30px rgba(216, 186, 85, 0.18) !important;
}

html[data-theme="prestige"] .hero-hidden .hero-stat {
  background: rgba(16, 27, 51, 0.72) !important;
  border-color: rgba(216, 186, 85, 0.22) !important;
}

html[data-theme="prestige"] .hero-hidden .hero-stat-value {
  background: linear-gradient(135deg, #f1dc82, #d8ba55) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html[data-theme="prestige"] .hero-particle {
  background: #d8ba55 !important;
}

html[data-theme="prestige"] .hero-ring {
  border-color: rgba(216, 186, 85, 0.1) !important;
}

html[data-theme="prestige"] .hero-ring:nth-child(11) {
  border-color: rgba(241, 220, 130, 0.07) !important;
}

html[data-theme="prestige"] .hero-cursor {
  border-color: #d8ba55 !important;
}

html[data-theme="prestige"] .hero > .hero-stats .hero-stat {
  background: #101b33 !important;
  border-color: rgba(216, 186, 85, 0.18) !important;
}

html[data-theme="prestige"] .hero > .hero-stats .hero-stat-value {
  color: #d8ba55 !important;
}

/* Newsletter/footnote elements are loaded from a separate CSS file, so keep
   prestige-specific form colors here as the final override. */
html[data-theme="prestige"] .newsletter-form,
html[data-theme="prestige"] .newsletter-shell,
html[data-theme="prestige"] .footnote-form {
  background: #101b33 !important;
  border-color: rgba(216, 186, 85, 0.18) !important;
}

html[data-theme="prestige"] .newsletter-form button,
html[data-theme="prestige"] .newsletter-shell button,
html[data-theme="prestige"] .footnote-form button {
  background: #d8ba55 !important;
  color: #071026 !important;
}