/*
 * Bankera visual source of truth.
 * Palette: Pending final brand sampling. No color values are claimed as approved.
 * Dark mode is opt-in on the document element; no switch or system override is enabled.
 */
:root {
	color-scheme: light;
	--bankera-primary: #3446a2;
	--bankera-primary-dark: #23347b;
	--bankera-primary-light: #edf0ff;
	--bankera-gold: #b88713;
	--bankera-gold-dark: #805800;
	--bankera-gold-light: #fff6d8;
	--bankera-bg: #f5f7fb;
	--bankera-surface: #ffffff;
	--bankera-surface-alt: #eef2f8;
	--bankera-text: #152139;
	--bankera-text-muted: #58647b;
	--bankera-heading: #17274d;
	--bankera-border: #d8dfeb;
	--bankera-control-border: #738199;
	--bankera-success: #127449;
	--bankera-danger: #bd1e2d;
	--bankera-warning: #885b00;
	--bankera-info: #2356a3;
	--bankera-on-primary: #ffffff;
	--bankera-focus: #805800;
	--bankera-nav-bg: #3446a2;
	--bankera-nav-text: #ffffff;
	--bankera-nav-active: #ffe096;
	--bankera-header-bg: var(--bankera-surface);
	--bankera-header-text: var(--bankera-text);
	--bankera-ticker-bg: var(--bankera-bg);
	--bankera-breaking-bg: var(--bankera-surface);
	--bankera-breaking-label: var(--bankera-heading);
	--bankera-nav-height: 3.5rem;
	--bankera-nav-hover: #23347b;
	--bankera-nav-item-space: 0.75rem;
	--bankera-nav-font-size: var(--bankera-text-md);
	--bankera-dropdown-bg: var(--bankera-surface);
	--bankera-dropdown-text: var(--bankera-text);
	--bankera-dropdown-hover-bg: var(--bankera-primary-light);
	--bankera-dropdown-border: var(--bankera-border);
	--bankera-dropdown-shadow: var(--bankera-shadow-md);
	--bankera-dropdown-item-space: 0.75rem;
	--bankera-drawer-bg: var(--bankera-surface);
	--bankera-drawer-text: var(--bankera-heading);
	--bankera-drawer-active-bg: var(--bankera-primary-light);
	--bankera-drawer-active-text: var(--bankera-primary);
	--bankera-drawer-icon: var(--bankera-heading);
	--bankera-drawer-separator: #e8edf5;
	--bankera-drawer-width: 22.5rem;
	--bankera-drawer-overlay: var(--bankera-overlay);
	--bankera-topbar-height: 2.25rem;
	--bankera-branding-height: 7rem;
	--bankera-logo-max-height: 5.625rem;
	--bankera-ticker-item-height: 5.5rem;
	--bankera-ticker-radius: .5rem;
	--bankera-ticker-border: color-mix(in srgb, var(--bankera-border) 70%, var(--bankera-surface));
	--bankera-ticker-card-bg: var(--bankera-surface);
	--bankera-ticker-card-border: var(--bankera-ticker-border);
	--bankera-ticker-gap: 1rem;
	--bankera-ticker-icon-bg: var(--bankera-primary-light);
	--bankera-ticker-gold: var(--bankera-gold);
	--bankera-ticker-silver: var(--bankera-text-muted);
	--bankera-header-icon-size: 1.25rem;
	--bankera-logo-surface: transparent;
	--bankera-ticker-height: 5.5rem;
	--bankera-breaking-height: 3rem;
	--bankera-indicator-width: 12rem;
	--bankera-submenu-width: 18rem;
	--bankera-ad-width: 45.5rem;
	--bankera-hero-lead-min: 22rem;
	--bankera-overlay: rgb(15 25 48 / 65%);
	--bankera-disabled-opacity: 0.6;
	--bankera-radius-sm: 0.375rem;
	--bankera-radius-md: 0.5rem;
	--bankera-radius-lg: 0.75rem;
	--bankera-radius-xl: 1rem;
	--bankera-shadow-sm: 0 2px 8px rgb(21 33 57 / 4%);
	--bankera-shadow-md: 0 6px 24px rgb(21 33 57 / 8%);
	--bankera-shadow-lg: 0 16px 48px rgb(21 33 57 / 14%);
	--bankera-container: 80rem; /* Overridden from Theme Options (default 1280px). */
	--bankera-container-wide: 90rem;
	--bankera-reading: 48rem;
	--bankera-space-1: 0.25rem;
	--bankera-space-2: 0.5rem;
	--bankera-space-3: 0.75rem;
	--bankera-space-4: 1rem;
	--bankera-space-5: 1.5rem;
	--bankera-space-6: 2rem;
	--bankera-space-7: 3rem;
	--bankera-space-8: 4rem;
	--bankera-gutter: 1rem;
	--bankera-rail-min-width: 80px;
	--bankera-rail-max-width: 160px;
	--bankera-rail-gap: 12px;
	--bankera-rail-outer-min: 8px;
	--bankera-rail-offset-top: 4px;
	--bankera-rail-sticky-gap: 14px;
	--bankera-content-preferred: 80rem;
	--bankera-content-min-rail: 73.75rem;
	--bankera-ad-rail-width: 120px;
	--bankera-sticky-header-height: var(--bankera-sticky-height);
	--bankera-font-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;
	--bankera-font-ar: Tahoma, "Segoe UI", Arial, sans-serif;
	--bankera-font-en: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	--bankera-font-body: var(--bankera-font-ar);
	--bankera-font-primary: var(--bankera-font-body);
	--bankera-font-heading: var(--bankera-font-body);
	--bankera-text-xs: 0.8125rem;
	--bankera-text-sm: 0.875rem;
	--bankera-text-md: 1rem;
	--bankera-text-lg: 1.125rem;
	--bankera-text-xl: 1.375rem;
	--bankera-text-2xl: clamp(1.5rem, 1.2rem + 1vw, 1.875rem);
	--bankera-text-3xl: clamp(1.875rem, 1.3rem + 2vw, 2.5rem);
	--bankera-weight-regular: 400;
	--bankera-weight-medium: 500;
	--bankera-weight-semibold: 600;
	--bankera-weight-bold: 700;
	--bankera-leading-body: 1.8;
	--bankera-leading-heading: 1.5;
	--bankera-leading-meta: 1.6;
	--bankera-target: 2.75rem;
	--bankera-border-width: 1px;
	--bankera-focus-width: 3px;
	--bankera-focus-offset: 3px;
	--bankera-media-ratio: 16 / 9;
	--bankera-logo-width: 12rem;
	--bankera-logo-height: 6rem;
	--bankera-ad-height: 5.625rem;
	--bankera-footer-bg: var(--bankera-heading);
	--bankera-footer-text: var(--bankera-on-primary);
	--bankera-footer-muted: #c5d0e4;
	--bankera-footer-decor: rgb(255 255 255 / 6%);
	--bankera-footer-branding-bg: linear-gradient(180deg, var(--bankera-surface) 0%, var(--bankera-surface-alt) 100%);
	--bankera-footer-branding-text: var(--bankera-heading);
	--bankera-footer-credit-logo: 7.5rem;
	--bankera-motion-fast: 150ms;
	--bankera-layer-menu: 10;
	--bankera-layer-focus: 100;
	--bankera-sticky-height: 4rem;
	--bankera-sticky-bg: var(--bankera-surface);
	--bankera-sticky-text: var(--bankera-heading);
	--bankera-sticky-border: var(--bankera-border);
	--bankera-sticky-shadow: 0 4px 14px rgb(21 33 57 / 6%);
}

[data-bankera-theme="dark"] {
	color-scheme: dark;
	--bankera-primary: #b7c5ff;
	--bankera-primary-dark: #d5deff;
	--bankera-primary-light: #24335a;
	--bankera-gold: #e9be59;
	--bankera-gold-dark: #f0ce80;
	--bankera-gold-light: #3e321d;
	--bankera-bg: #0e1728;
	--bankera-surface: #162237;
	--bankera-surface-alt: #1d2b43;
	--bankera-text: #e9effa;
	--bankera-text-muted: #b2bfd4;
	--bankera-heading: #f4f7ff;
	--bankera-border: #344359;
	--bankera-control-border: #7b8ba6;
	--bankera-success: #79dfac;
	--bankera-danger: #ff9aab;
	--bankera-warning: #f0ce80;
	--bankera-info: #9cc8ff;
	--bankera-on-primary: #111c32;
	--bankera-focus: #f0ce80;
	--bankera-logo-surface: #ffffff;
	--bankera-nav-hover: #24335a;
	--bankera-nav-bg: #1d2b43;
	--bankera-nav-text: #f4f7ff;
	--bankera-nav-active: #f0ce80;
	--bankera-dropdown-bg: var(--bankera-surface);
	--bankera-dropdown-text: var(--bankera-text);
	--bankera-dropdown-hover-bg: var(--bankera-surface-alt);
	--bankera-drawer-bg: var(--bankera-surface);
	--bankera-drawer-text: var(--bankera-heading);
	--bankera-drawer-active-bg: var(--bankera-surface-alt);
	--bankera-drawer-active-text: var(--bankera-gold);
	--bankera-drawer-icon: var(--bankera-text);
	--bankera-drawer-separator: var(--bankera-border);
	--bankera-drawer-overlay: var(--bankera-overlay);
	--bankera-overlay: rgb(0 0 0 / 75%);
	--bankera-shadow-sm: 0 2px 8px rgb(0 0 0 / 12%);
	--bankera-shadow-md: 0 6px 24px rgb(0 0 0 / 20%);
	--bankera-shadow-lg: 0 16px 48px rgb(0 0 0 / 28%);
	--bankera-footer-bg: #17274d;
	--bankera-footer-text: #ffffff;
	--bankera-footer-muted: #c5d0e4;
	--bankera-footer-branding-bg: #1c2d52;
	--bankera-footer-branding-text: #ffffff;
	--bankera-sticky-bg: var(--bankera-surface);
	--bankera-sticky-text: var(--bankera-heading);
	--bankera-sticky-border: var(--bankera-border);
	--bankera-sticky-shadow: 0 4px 14px rgb(0 0 0 / 18%);
}