/*
 * LeadScan shared palette
 * Loaded after page-specific styles to keep the legacy pages visually aligned.
 */

:root {
  --bg: #051424;
  --bg2: #0d1c2d;
  --bg3: #122131;
  --surface: #1c2b3c;
  --surface2: #273647;
  --border: rgba(255, 255, 255, 0.07);
  --divider: rgba(255, 255, 255, 0.045);
  --border-lit: rgba(255, 107, 0, 0.45);
  --orange: #ff6b00;
  --orange-soft: #ffb693;
  --orange-dim: rgba(255, 107, 0, 0.1);
  --orange-glow: rgba(255, 107, 0, 0.25);
  --text: #d4e4fa;
  --text-2: #8fa8c8;
  --muted: #4a6080;
  --green: #22c55e;
  --red: #ef4444;

  /* Aliases used by the standalone and legal pages. */
  --bg-color: #051424;
  --surface-color: #122131;
  --surface-elevated: #1c2b3c;
  --accent-color: #ff6b00;
  --text-color: #d4e4fa;
  --text-muted: #8fa8c8;
  --brand: #ff6b00;
  --primary: #ff6b00;
  --white: #d4e4fa;
}

html,
body {
  background-color: var(--bg);
  color: var(--text);
}

::selection {
  color: var(--text);
  background: var(--orange-glow);
}

a {
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

input,
select,
textarea {
  color: var(--text);
  border-color: var(--border);
  background-color: var(--bg3);
}

input::placeholder,
textarea::placeholder {
  color: var(--muted);
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--border-lit);
  box-shadow: 0 0 0 3px var(--orange-dim);
}

.global-back,
.back-link {
  color: var(--text-2);
}

.global-back:hover,
.back-link:hover {
  color: var(--orange-soft);
}

.btn-primary,
.btn-accent,
.auth-btn,
button[type='submit'] {
  border-color: var(--border-lit);
  background-color: var(--orange);
  box-shadow: 0 8px 24px var(--orange-glow);
}

.btn-outline {
  color: var(--text-2);
  border-color: var(--border);
  background: var(--bg3);
}

.site-header,
.legal-header,
.blog-header {
  border-color: var(--border);
  background: rgba(1, 15, 31, 0.76);
}

footer,
.legal-footer {
  border-color: var(--divider);
  background: #010f1f;
}

/* Dashboard surfaces */
body.dashboard-page,
body:has(aside) {
  background-color: var(--bg);
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -20%, var(--orange-dim), transparent 60%),
    radial-gradient(ellipse 60% 40% at 80% 100%, rgba(34, 197, 94, 0.055), transparent 50%);
}

aside {
  border-color: var(--divider) !important;
  background: linear-gradient(180deg, #010f1f, var(--bg)) !important;
}

.glass-panel {
  border-color: var(--border);
  background: rgba(28, 43, 60, 0.72);
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: var(--border-lit);
  background-clip: content-box;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: var(--orange);
  background-clip: content-box;
}

/* Dashboard Tailwind arbitrary-color compatibility */
[class~='text-[#f97316]'] {
  color: var(--orange) !important;
}

[class~='text-[#ffb36b]'],
[class~='text-[#ffb690]'] {
  color: var(--orange-soft) !important;
}

[class~='bg-[#f97316]'] {
  background-color: var(--orange) !important;
}

[class~='border-[#f97316]'] {
  border-color: var(--border-lit) !important;
}

[class~='shadow-[#f97316]'] {
  --tw-shadow-color: var(--orange-glow) !important;
}

[stroke='#f97316'] {
  stroke: var(--orange);
}

[fill='#f97316'] {
  fill: var(--orange);
}

[stop-color='#f97316'] {
  stop-color: var(--orange);
}