/** AIBUH: calm financial workspace with Kazakhstan-inspired accents. */
:root,
:root[data-theme='light'],
:root[data-theme='dark'] {
  color-scheme: light;
  --navy-950: #0b2236;
  --navy-900: #102d46;
  --navy-800: #193c56;
  --teal-700: #066a76;
  --teal-600: #087f8c;
  --teal-50: #eaf6f6;
  --gold-500: #c8a55a;
  --gold-100: #f9f2e2;
  --ink-900: var(--navy-900);
  --ink-700: #435d70;
  --ink-500: #5e7383;
  --ink-400: #687e8e;
  --paper: #f2f6f8;
  --surface-1: #ffffff;
  --surface-2: #f7fafb;
  --surface-sunken: #eaf0f4;
  --line: #dce6ec;
  --line-strong: #aebfcb;
  --accent: var(--teal-600);
  --accent-hover: var(--teal-700);
  --accent-surface: var(--teal-50);
  --focus-ring: var(--teal-600);
  --ok: #146747;
  --ok-surface: #edf8f2;
  --ok-line: #b6dac7;
  --warn: #855b15;
  --warn-surface: #fff8e8;
  --warn-line: #ead5a3;
  --risk: #ae3e3e;
  --risk-surface: #fdf0f0;
  --risk-line: #e9b9b9;
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-numeric: var(--font-sans);
  --text-micro: .75rem;
  --text-small: .875rem;
  --text-body: .9375rem;
  --text-lead: 1.125rem;
  --text-title: clamp(1.5rem, 1.15rem + 1.1vw, 1.9rem);
  --text-display: clamp(3rem, 2.2rem + 5.2vw, 5rem);
  --tracking-display: -.045em;
  --tracking-title: -.025em;
  --tracking-micro: .08em;
  --space-hair: .25rem;
  --space-tight: .5rem;
  --space-snug: .75rem;
  --space-base: 1rem;
  --space-block: 1.5rem;
  --space-section: 2.25rem;
  --space-major: 3.5rem;
  --radius-control: .625rem;
  --radius-card: 1rem;
  --radius-hero: 1.25rem;
  --radius-pill: 999px;
  --shadow-raised: 0 2px 4px rgb(16 45 70 / 2%), 0 5px 18px rgb(16 45 70 / 3%);
  --shadow-float: 0 8px 30px rgb(16 45 70 / 8%);
  --dur-instant: 120ms;
  --dur-quick: 180ms;
  --dur-stage: 320ms;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-inout: cubic-bezier(.65, 0, .35, 1);
  --tg-bg: var(--paper);
  --tg-text: var(--ink-900);
  --tg-hint: var(--ink-500);
  --tg-button: var(--accent);
  --tg-button-text: var(--surface-1);
}
@media (prefers-reduced-motion: reduce) {
  :root { --dur-instant: 0ms; --dur-quick: 0ms; --dur-stage: 0ms; }
}
