/* Shared glass polish — marketing, demo, and workspace surfaces. */

/* Navigation and command bars */
.site-header,
.topbar {
  background: var(--panel-glass) !important;
  border-color: var(--border) !important;
  box-shadow: 0 10px 34px rgba(6, 11, 37, .16) !important;
  -webkit-backdrop-filter: blur(18px) saturate(125%);
  backdrop-filter: blur(18px) saturate(125%);
}
.site-nav a:hover,
.footer-links a:hover { color: var(--accent); }
.brand-mark,
.logo {
  border-color: var(--border-hi) !important;
  color: var(--accent) !important;
  background: rgba(201, 216, 255, .055) !important;
  box-shadow: none !important;
}

/* Primary actions — single soft mint, no neon */
.nav-cta,
.button-red,
.btn.primary,
.demo-page .btn:not(.ghost) {
  color: var(--accent-ink) !important;
  background: var(--accent) !important;
  border: 1px solid rgba(200, 250, 239, .42) !important;
  box-shadow: 0 5px 16px rgba(5, 13, 43, .16) !important;
}
.nav-cta:hover,
.button-red:hover,
.btn.primary:hover,
.demo-page .btn:not(.ghost):hover {
  background: var(--accent-hover) !important;
  border-color: rgba(223, 255, 248, .72) !important;
}
.text-link:hover,
.contact-note a,
.request-demo-link a { color: var(--accent); }

/* Marketing glass surfaces */
.proof-strip {
  background: rgba(18, 30, 34, .72) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.dark-section { background: rgba(15, 28, 31, .86) !important; }
.cta-section {
  background: linear-gradient(112deg, rgba(28, 67, 65, .96), rgba(18, 34, 38, .96)) !important;
  border-color: rgba(164, 231, 213, .24) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
.feature-list article,
.showcase-screen,
.ai-concept-card,
.contact-form,
.request-form,
.pricing-card {
  background: rgba(19, 31, 35, .7) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.hero-visual {
  border-color: var(--border-hi) !important;
  background: rgba(16, 27, 32, .94) !important;
  box-shadow: var(--shadow) !important;
}
.screen-chrome { background: rgba(13, 24, 28, .94) !important; }
.sample-banner {
  color: #d2dbef !important;
  background: rgba(var(--accent-rgb), .09) !important;
  border-color: rgba(var(--accent-rgb), .2) !important;
}
.site-footer {
  background: rgba(15, 20, 55, .92) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.availability-note {
  background: rgba(var(--accent-rgb), .055) !important;
  border-left-color: var(--accent) !important;
}

/* Demo page */
.demo-page .ai-banner {
  background: rgba(var(--accent-rgb), .075) !important;
  border-color: rgba(var(--accent-rgb), .22) !important;
}
.demo-page .card {
  background: linear-gradient(145deg, rgba(255,255,255,.035), transparent 58%), rgba(38, 45, 97, .58) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255,255,255,.055) !important;
}

/* Form controls */
.contact-form input,
.contact-form textarea,
.demo-page input,
.search,
input,
textarea,
select {
  background: rgba(9, 18, 21, .7);
  border-color: var(--border);
}
html[data-color-mode="light"] .contact-form input,
html[data-color-mode="light"] .contact-form textarea,
html[data-color-mode="light"] .demo-page input,
html[data-color-mode="light"] .search,
html[data-color-mode="light"] input,
html[data-color-mode="light"] textarea,
html[data-color-mode="light"] select {
  background: rgba(255, 255, 255, .72);
}
input:focus,
textarea:focus,
select:focus,
.search:focus {
  border-color: var(--accent) !important;
  outline: 2px solid rgba(var(--accent-rgb), .14) !important;
  outline-offset: 1px;
}

/* Workspace — glass panels on all design themes */
html[data-design-theme] body {
  background:
    radial-gradient(ellipse at 84% 0%, rgba(var(--accent-rgb), .11), transparent 34rem),
    linear-gradient(155deg, var(--bg), var(--bg));
  background-attachment: fixed;
}
html[data-design-theme] .topbar {
  background: var(--panel-glass) !important;
  box-shadow: 0 10px 34px rgba(5, 10, 34, .18) !important;
}
html[data-design-theme] .metric,
html[data-design-theme] .list-panel,
html[data-design-theme] .record-view,
html[data-design-theme] .col,
html[data-design-theme] fieldset,
html[data-design-theme] .state-tabs,
html[data-design-theme] .quote-footer,
html[data-design-theme] .plugin-card {
  background: var(--panel) !important;
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  box-shadow: var(--shadow-soft), inset 0 1px 0 rgba(255,255,255,.055) !important;
}
html[data-design-theme] .list-panel::before,
html[data-design-theme] .record-view::before { display: none !important; }
html[data-design-theme] .list-heading,
html[data-design-theme] .col h4,
html[data-design-theme] .quote-list th,
html[data-design-theme] .sel-table th {
  background: var(--panel-2) !important;
}
html[data-design-theme] .state-tab.active,
html[data-design-theme] .record-tab.active,
html[data-design-theme] .area-tab.active {
  background: rgba(var(--accent-rgb), .14) !important;
  border-color: rgba(var(--accent-rgb), .38) !important;
}
html[data-design-theme] .modal { background: rgba(7, 10, 31, .64); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
html[data-design-theme] .modal-card {
  background: var(--panel-2) !important;
  border-color: var(--border-hi) !important;
  box-shadow: 0 28px 78px rgba(4, 8, 30, .38) !important;
}

/* Default workspace theme aligned with public site */
html[data-design-theme="dark-silver"] {
  --bg: #151a44;
  --panel: rgba(38, 45, 97, .66);
  --panel-2: rgba(48, 56, 111, .76);
  --panel-3: rgba(59, 68, 127, .9);
  --panel-glass: rgba(20, 26, 67, .78);
  --text: #f0f3ff;
  --muted: #b8c2df;
  --muted-2: #a0adc9;
  --accent: #83ddcf;
  --accent-hover: #a0eee2;
  --accent-strong: #5cb8b2;
  --accent-rgb: 131, 221, 207;
  --accent-ink: #122246;
  --border: rgba(220, 229, 255, .14);
  --border-hi: rgba(220, 233, 255, .3);
}

/* Visual accessibility — legible secondary text on dark glass surfaces */
.site-nav a,
.footer-links a,
.text-link,
.brand small,
.contact-form label,
.demo-page .kicker,
.demo-page .card label {
  color: var(--muted);
}
.quote-list th,
.sel-table th,
.state-tab b {
  color: var(--muted);
}
.demo-page .ai-banner,
.demo-page .demo-limit,
.demo-page .foot {
  color: var(--muted);
}
.contact-form input::placeholder,
.contact-form textarea::placeholder,
.demo-page input::placeholder,
.search::placeholder,
input::placeholder,
textarea::placeholder {
  color: var(--muted);
  opacity: 1;
}
html[data-color-mode="light"] .contact-form input::placeholder,
html[data-color-mode="light"] .contact-form textarea::placeholder,
html[data-color-mode="light"] .demo-page input::placeholder,
html[data-color-mode="light"] .search::placeholder,
html[data-color-mode="light"] input::placeholder,
html[data-color-mode="light"] textarea::placeholder {
  color: var(--muted);
  opacity: 1;
}