/* Brio Base - theme tokens. Change the values below to re-brand the whole template. */
@layer theme {
:root,
[data-ui-theme="light"] {
  --wt-primary: #1b38da;
  --wt-primary-rgb: 27, 56, 218;
  --wt-secondary: #28c1eb;
  --wt-secondary-rgb: 40, 193, 235;
  --wt-accent: #ed651d;
  --wt-accent-rgb: 237, 101, 29;
  --wt-on-primary: #ffffff;
  --wt-on-accent: #111827;
  --wt-link: #1b38da;
  --wt-primary-ink: var(--wt-link);
  --wt-link-rgb: 27, 56, 218;
  --wt-bg: #f7f8fe;
  --wt-surface: #ffffff;
  --wt-surface-2: #eff1fd;
  --wt-text: #1e2430;
  --wt-muted: #4f5867;
  --wt-border: #d9ddea;
  --wt-radius: 0.125rem;
  --wt-radius-lg: 0.25rem;
  --wt-font-heading: "Cormorant Garamond", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --wt-font-body: "Raleway", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --wt-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 8px 24px rgba(15, 23, 42, .08);
  --wt-shadow-lg: 0 2px 6px rgba(15, 23, 42, .08), 0 24px 48px rgba(15, 23, 42, .14);
  --wt-gradient: linear-gradient(135deg, var(--wt-primary), var(--wt-secondary));
}
[data-ui-theme="dark"] {
  --wt-primary: #1b38da;
  --wt-primary-rgb: 27, 56, 218;
  --wt-secondary: #28c1eb;
  --wt-secondary-rgb: 40, 193, 235;
  --wt-accent: #ed651d;
  --wt-accent-rgb: 237, 101, 29;
  --wt-on-primary: #ffffff;
  --wt-on-accent: #111827;
  --wt-link: #a4b0f1;
  --wt-primary-ink: var(--wt-link);
  --wt-link-rgb: 164, 176, 241;
  --wt-bg: #030616;
  --wt-surface: #050a27;
  --wt-surface-2: #121632;
  --wt-text: #e5e9f0;
  --wt-muted: #9aa4b5;
  --wt-border: #282c45;
  --wt-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35);
  --wt-shadow-lg: 0 2px 6px rgba(0, 0, 0, .45), 0 24px 48px rgba(0, 0, 0, .5);
}
[data-wt-mode="dim"] {
  --wt-bg: #1e263c;
  --wt-surface: #27314b;
  --wt-surface-2: #2f3a4c;
  --wt-text: #d8dee9;
  --wt-muted: #a3adbf;
  --wt-border: #3c4759;
}
[data-wt-mode="sepia"] {
  --wt-bg: #f3ead6;
  --wt-surface: #fbf5e8;
  --wt-surface-2: #ece0c6;
  --wt-text: #3a2e21;
  --wt-muted: #6e5d48;
  --wt-border: #dccdab;
  --wt-link: #2b39a8;
  --wt-link-rgb: 43, 57, 168;
}
[data-wt-mode="contrast"] {
  --wt-bg: #000000;
  --wt-surface: #000000;
  --wt-surface-2: #121212;
  --wt-text: #ffffff;
  --wt-muted: #e0e0e0;
  --wt-border: #9a9a9a;
  --wt-link: #ffd84d;
  --wt-link-rgb: 255, 216, 77;
  --wt-primary: #8292eb;
  --wt-primary-rgb: 130, 146, 235;
  --wt-on-primary: #000000;
  --wt-shadow: none;
  --wt-shadow-lg: 0 0 0 2px #ffffff;
}
}
[data-wt-mode="contrast"] .card, [data-wt-mode="contrast"] .wt-panel, [data-wt-mode="contrast"] .wt-kpi, [data-wt-mode="contrast"] .wt-feature { border-width: 2px; }
[data-wt-mode="contrast"] a:not(.btn) { text-decoration: underline; }
[data-wt-mode="sepia"] body, body[data-wt-mode="sepia"] { background-image: none; }

.wt-bg-noise { background-color: color-mix(in srgb, var(--wt-bg) 92%, #e9dcc3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }