/* Krent's HUB Design Tokens v1 · design system fornecido pelo cliente */
:root, :root[data-theme="light"] {
  --bg: #F7F6F2;
  --scrim: rgba(16,17,20,.48);
  --brand-500: #FFB400;
  --brand-600: #E09E00;
  --brand-text: #8A5D00;
  --brand-tint: #FFF6DB;
  --on-brand: #101114;
  --surface: #FFFFFF;
  --surface-2: #F0EEE8;
  --surface-inverse: #101114;
  --border: #E3E1DA;
  --border-strong: #8E8B82;
  --focus-ring: #8A5D00;
  --text: #101114;
  --text-muted: #5B5C62;
  --text-subtle: #6B6C72;
  --text-inverse: #FFFFFF;
  --success: #137333;
  --success-tint: #E7F6EC;
  --warning: #B45309;
  --warning-tint: #FDF1E2;
  --danger: #C62828;
  --danger-tint: #FCE9E9;
  --info: #1D4ED8;
  --info-tint: #E8EEFC;
  --vertical-food: #C2410C;
  --vertical-market: #2F6FED;
  --vertical-pay: #0B7A55;
  --vertical-box: #7048E8;
}
:root[data-theme="dark"] {
  --bg: #0B0C0E;
  --scrim: rgba(0,0,0,.64);
  --brand-500: #FFB400;
  --brand-600: #FFC633;
  --brand-text: #FFC94D;
  --brand-tint: #2A2208;
  --on-brand: #101114;
  --surface: #16171B;
  --surface-2: #1F2025;
  --surface-inverse: #F4F3EF;
  --border: #2C2D33;
  --border-strong: #74757C;
  --focus-ring: #FFC94D;
  --text: #F4F3EF;
  --text-muted: #A3A4AA;
  --text-subtle: #8C8D93;
  --text-inverse: #101114;
  --success: #4ADE80;
  --success-tint: #0F2A1A;
  --warning: #FBBF24;
  --warning-tint: #2B1E08;
  --danger: #F87171;
  --danger-tint: #2E1214;
  --info: #60A5FA;
  --info-tint: #0E1A33;
  --vertical-food: #FF8A4C;
  --vertical-market: #7AA2FF;
  --vertical-pay: #34D399;
  --vertical-box: #A78BFA;
}
:root {
  --space-0-5: 2px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --radius-icon: 22.6%;
  --font-sans: Outfit, system-ui, sans-serif;
  --font-mono: JetBrains Mono, monospace;
  --control-sm: 36px;
  --control-md: 44px;
  --control-lg: 52px;
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;
  --content-max: 1200px;
  --shadow-sm: 0 1px 2px rgba(16, 17, 20, 0.06), 0 1px 1px rgba(16, 17, 20, 0.04);
  --shadow-md: 0 8px 24px rgba(16, 17, 20, 0.08), 0 2px 6px rgba(16, 17, 20, 0.04);
  --shadow-lg: 0 24px 60px rgba(16, 17, 20, 0.14);
}
html[data-theme="dark"]{color-scheme:dark;--shadow-sm:none;--shadow-md:none;--shadow-lg:none}
.kh-display-xl{font-size:clamp(44px,5vw,56px);line-height:1.07;font-weight:600;letter-spacing:-1.5px}
.kh-display-lg{font-size:clamp(36px,4vw,44px);line-height:1.13;font-weight:600;letter-spacing:-1px}
.kh-h1{font-size:32px;line-height:40px;font-weight:600;letter-spacing:-.5px}
.kh-h2{font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.25px}
.kh-h3{font-size:20px;line-height:28px;font-weight:600}
.kh-h4{font-size:17px;line-height:24px;font-weight:600}
.kh-body-lg{font-size:17px;line-height:26px;font-weight:400}
.kh-body{font-size:15px;line-height:22px;font-weight:400}
.kh-body-sm{font-size:13px;line-height:18px;font-weight:400}
.kh-label{font-size:15px;line-height:20px;font-weight:600}
.kh-overline{font-size:12px;line-height:16px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}
.kh-code{font-family:var(--font-mono);font-size:13px;line-height:20px}
.kh-amount{font-variant-numeric:tabular-nums;font-weight:600}