/* Buhta MFO Design System — generated from tokens.json */
:root, [data-theme="default"] {
  --buhta-blue: #0f55ed;
  --buhta-blue-hover: #0d4ad4;
  --buhta-blue-light: #ebf1fe;
  --buhta-cyan: #0fb8ed;
  --buhta-navy: #161643;
  --buhta-navy-light: #1e1e5a;
  --buhta-sidebar: #232837;
  --buhta-yellow: #ffe600;
  --buhta-yellow-bg: #fff9d6;
  --gray-50: #f6f7f9;
  --gray-100: #eef0f4;
  --gray-200: #e0e4e9;
  --gray-400: #a1adba;
  --gray-500: #7a8b9e;
  --gray-600: #5a6978;
  --gray-800: #2d3748;
  --bg: var(--gray-50);
  --surface: #ffffff;
  --fg1: var(--buhta-navy);
  --fg2: var(--gray-600);
  --fg3: var(--gray-500);
  --fg-muted: var(--gray-400);
  --border: var(--gray-200);
  --border-soft: var(--gray-100);
  --success: #10b981;
  --success-bg: #ecfdf5;
  --success-fg: #059669;
  --warning: #f59e0b;
  --warning-bg: #fffbeb;
  --warning-fg: #d97706;
  --danger: #ef4444;
  --danger-bg: #fef2f2;
  --danger-fg: #dc2626;
  --info-bg: var(--buhta-blue-light);
  --info-fg: var(--buhta-blue);
  --aging-0: #10b981;
  --aging-1-30: #f59e0b;
  --aging-31-60: #f97316;
  --aging-61-90: #ef4444;
  --aging-90: #991b1b;
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.06);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.06);
  --shadow-lg: 0 10px 24px -4px rgba(22, 22, 67, 0.10);
  --shadow-cta: 0 4px 12px rgba(15, 85, 237, 0.35);
  --ring-blue: 0 0 0 3px rgba(15, 85, 237, 0.10);
  --ring-danger: 0 0 0 3px rgba(239, 68, 68, 0.12);
  --ring-success: 0 0 0 3px rgba(16, 185, 129, 0.12);
}
:root {
  --t-xs: 0.72rem;
  --t-sm: 0.82rem;
  --t-base: 0.875rem;
  --t-md: 0.95rem;
  --t-lg: 1.15rem;
  --t-xl: 1.4rem;
  --t-2xl: 1.75rem;
  --t-3xl: 2.25rem;
  --sidebar-width: 240px;
  --topbar-height: 56px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 10px;
  --r-xl: 12px;
  --r-pill: 999px;
  --t-fast: 0.12s;
  --t-base-anim: 0.15s;
  --t-slow: 0.25s;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --lh-tight: 1.15;
  --lh-snug: 1.35;
  --lh-base: 1.5;
  --font-display: 'ALSHauss', 'Manrope', system-ui, sans-serif;
  --font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-number: 'Manrope', 'Inter', sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --text-body: 400 14px/1.5 var(--font-ui); /* From `body` in colors_and_type.css, ui_kits/manager-cabinet/styles.css. */
  --text-h1: 700 28px/1.15 var(--font-display); /* From `h1, .h1` in colors_and_type.css; also `.h1`. */
  --text-h2: 700 22.4px/1.15 var(--font-display); /* From `h2, .h2` in colors_and_type.css; also `.h2`. */
  --text-h3: 600 18.4px/1.35 var(--font-ui); /* From `h3, .h3` in colors_and_type.css; also `.h3`. */
  --text-h4: 500 15.2px/1.35 var(--font-ui); /* From `h4, .h4` in colors_and_type.css; also `.h4`. */
  --text-small: 400 13.12px/1.5 var(--font-ui); /* From `small, .small` in colors_and_type.css; also `.small`. */
  --text-code: 400 0.85em/1.5 var(--font-mono); /* From `code, kbd, samp, pre` in colors_and_type.css. */
  --text-pre: 400 0.85em/1.5 var(--font-mono); /* From `code, kbd, samp, pre` in colors_and_type.css. */
  --text-kbd: 400 0.85em/1.5 var(--font-mono); /* From `code, kbd, samp, pre` in colors_and_type.css. */
  --text-eyebrow: 600 11.52px/1.5 var(--font-ui); /* From `.eyebrow, .label-caps` in colors_and_type.css — uppercase. Same as .label-caps. */
}
.body {
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0;
}
.h1 {
  font-family: var(--font-display);
  font-size: 28px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.h2 {
  font-family: var(--font-display);
  font-size: 22.4px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.015em;
}
.h3 {
  font-family: var(--font-ui);
  font-size: 18.4px;
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.h4 {
  font-family: var(--font-ui);
  font-size: 15.2px;
  line-height: 1.35;
  font-weight: 500;
  letter-spacing: 0;
}
.small {
  font-family: var(--font-ui);
  font-size: 13.12px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0;
}
.code {
  font-family: var(--font-mono);
  font-size: 0.85em;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0;
}
.pre {
  font-family: var(--font-mono);
  font-size: 0.85em;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0;
}
.kbd {
  font-family: var(--font-mono);
  font-size: 0.85em;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0;
}
.eyebrow {
  font-family: var(--font-ui);
  font-size: 11.52px;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: 0.04em;
}
@font-face {
  font-family: "ALSHauss";
  src: url("fonts/ALSHauss-Book.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ALSHauss";
  src: url("fonts/ALSHauss-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ALSHauss";
  src: url("fonts/ALSHauss-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}