/* Package-owned header layout comes from FluidHeaderUiShell.
   This file reapplies Exchequer-specific theme tokens after the package CSS loads. */

:root {
  --sr-font-family: 'Space Grotesk', 'Avenir Next', 'Helvetica Neue', Arial, sans-serif;

  --sr-header-bg: linear-gradient(135deg, #f7f2e8, #f2f7ff);
  --sr-header-surface: #ffffff;
  --sr-header-global-bg: rgba(247, 242, 232, 0.05);
  --sr-header-app-bg: rgba(255, 255, 255, 0.1);
  --sr-header-breadcrumbs-bg: rgba(247, 242, 232, 0.2);
  --sr-header-backdrop: blur(20px) saturate(160%);
  --sr-header-text: #1a1f2b;
  --sr-header-muted: #5b6572;
  --sr-header-accent: #ff6a3d;
  --sr-header-border: rgba(26, 31, 43, 0.12);
  --sr-header-shadow: 0 10px 30px rgba(13, 18, 31, 0.08);
  --sr-card-bg: #ffffff;
  --sr-card-border: rgba(26, 31, 43, 0.12);
  --sr-card-muted: #5b6572;
  --sr-card-shadow: 0 18px 40px rgba(13, 18, 31, 0.12);
  --sr-radius-sm: 10px;
  --sr-radius-md: 16px;
  --sr-global-icon-size: 42px;
  --sr-global-border-height: calc(var(--sr-global-icon-size) * 2 / 3);
  --sr-header-icon-bg: var(--sr-card-bg);
  --sr-header-icon-border: var(--sr-card-border);
  --sr-header-icon-shadow: var(--sr-header-shadow);
  --sr-header-offset: 0px;

  --sr-footer-bg: linear-gradient(135deg, rgba(247, 242, 232, 0.2), rgba(242, 247, 255, 0.2));
  --sr-footer-backdrop: blur(20px) saturate(160%);
  --sr-footer-surface: rgba(255, 255, 255, 0.18);
  --sr-footer-text: #1a1f2b;
  --sr-footer-text-secondary: #5b6572;
  --sr-footer-muted: #8b95a5;
  --sr-footer-accent: #ff6a3d;
  --sr-footer-border: rgba(26, 31, 43, 0.1);
  --sr-footer-shadow: 0 -4px 24px rgba(13, 18, 31, 0.06);
  --sr-footer-link-hover-bg: rgba(26, 31, 43, 0.05);
  --sr-footer-dropdown-shadow: 0 -8px 32px rgba(0, 0, 0, 0.12);
}

[data-theme='light'] {
  color-scheme: light;
  --sr-header-bg: linear-gradient(135deg, #f7f2e8, #f2f7ff);
  --sr-header-surface: #ffffff;
  --sr-header-global-bg: rgba(247, 242, 232, 0.05);
  --sr-header-app-bg: rgba(255, 255, 255, 0.1);
  --sr-header-breadcrumbs-bg: rgba(247, 242, 232, 0.2);
  --sr-header-text: #1a1f2b;
  --sr-header-muted: #5b6572;
  --sr-header-border: rgba(26, 31, 43, 0.12);
  --sr-card-bg: #ffffff;
  --sr-card-border: rgba(26, 31, 43, 0.12);
  --sr-card-muted: #5b6572;
  --sr-header-icon-bg: var(--sr-card-bg);
  --sr-header-icon-border: var(--sr-card-border);
  --sr-footer-bg: linear-gradient(135deg, rgba(247, 242, 232, 0.2), rgba(242, 247, 255, 0.2));
  --sr-footer-surface: rgba(255, 255, 255, 0.18);
  --sr-footer-text: #1a1f2b;
  --sr-footer-text-secondary: #5b6572;
  --sr-footer-muted: #8b95a5;
  --sr-footer-border: rgba(26, 31, 43, 0.1);
  --sr-footer-link-hover-bg: rgba(26, 31, 43, 0.05);
}

[data-theme='dark'] {
  color-scheme: dark;
  --sr-header-bg: linear-gradient(135deg, #0b1020, #0f172a);
  --sr-header-surface: #0f172a;
  --sr-header-global-bg: rgba(11, 16, 32, 0.05);
  --sr-header-app-bg: rgba(15, 23, 42, 0.1);
  --sr-header-breadcrumbs-bg: rgba(11, 16, 32, 0.2);
  --sr-header-text: #f1f5f9;
  --sr-header-muted: #a8b3cc;
  --sr-header-border: rgba(148, 163, 184, 0.24);
  --sr-header-shadow: 0 14px 32px rgba(2, 6, 23, 0.55);
  --sr-card-bg: #111827;
  --sr-card-border: rgba(148, 163, 184, 0.18);
  --sr-card-muted: #94a3b8;
  --sr-card-shadow: 0 20px 44px rgba(2, 6, 23, 0.6);
  --sr-header-icon-bg: #24324a;
  --sr-header-icon-border: rgba(203, 213, 225, 0.4);
  --sr-header-icon-shadow: 0 12px 26px rgba(2, 6, 23, 0.55);

  --sr-footer-bg: linear-gradient(135deg, rgba(11, 16, 32, 0.2), rgba(15, 23, 42, 0.2));
  --sr-footer-surface: rgba(15, 23, 42, 0.18);
  --sr-footer-text: #f1f5f9;
  --sr-footer-text-secondary: #a8b3cc;
  --sr-footer-muted: #64748b;
  --sr-footer-border: rgba(148, 163, 184, 0.14);
  --sr-footer-shadow: 0 -4px 24px rgba(2, 6, 23, 0.3);
  --sr-footer-link-hover-bg: rgba(148, 163, 184, 0.08);
  --sr-footer-dropdown-shadow: 0 -8px 32px rgba(0, 0, 0, 0.4);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --sr-header-bg: linear-gradient(135deg, #0b1020, #0f172a);
    --sr-header-surface: #0f172a;
    --sr-header-global-bg: rgba(11, 16, 32, 0.05);
    --sr-header-app-bg: rgba(15, 23, 42, 0.1);
    --sr-header-breadcrumbs-bg: rgba(11, 16, 32, 0.2);
    --sr-header-text: #f1f5f9;
    --sr-header-muted: #a8b3cc;
    --sr-header-border: rgba(148, 163, 184, 0.24);
    --sr-header-shadow: 0 14px 32px rgba(2, 6, 23, 0.55);
    --sr-card-bg: #111827;
    --sr-card-border: rgba(148, 163, 184, 0.18);
    --sr-card-muted: #94a3b8;
    --sr-card-shadow: 0 20px 44px rgba(2, 6, 23, 0.6);
    --sr-header-icon-bg: #24324a;
    --sr-header-icon-border: rgba(203, 213, 225, 0.4);
    --sr-header-icon-shadow: 0 12px 26px rgba(2, 6, 23, 0.55);
    --sr-footer-bg: linear-gradient(135deg, rgba(11, 16, 32, 0.2), rgba(15, 23, 42, 0.2));
    --sr-footer-surface: rgba(15, 23, 42, 0.18);
    --sr-footer-text: #f1f5f9;
    --sr-footer-text-secondary: #a8b3cc;
    --sr-footer-muted: #64748b;
    --sr-footer-border: rgba(148, 163, 184, 0.14);
    --sr-footer-shadow: 0 -4px 24px rgba(2, 6, 23, 0.3);
    --sr-footer-link-hover-bg: rgba(148, 163, 184, 0.08);
    --sr-footer-dropdown-shadow: 0 -8px 32px rgba(0, 0, 0, 0.4);
  }
}