/* Generated from @kubit/design-system (tokens.css + base.css) by scripts/sync-design.mjs. Edit the package, then run pnpm sync:design. */
/* Kubit Exchange design tokens (UI v1.0): brand palette, semantic aliases (dark default, light under [data-theme="light"]), type, spacing, radii, shadows, motion and z-index.
   Theme-dependent blocks also match [data-theme="dark"], so a region can stay dark inside a light page (the sign-in brand panel). */
:root,[data-theme="dark"]{
/* Brand (from brand board) */
--kb-blue-300:#5C9BFF;
--kb-blue-400:#2E7BFF;
--kb-blue-500:#0B5FFF; /* Azul principal */
--kb-blue-600:#084CD1;
--kb-blue-700:#0639A3;
--kb-cyan-300:#66E3FF;
--kb-cyan-400:#00D1FF; /* Azul secundário */
--kb-cyan-500:#00B4E0;
--kb-white:#FFFFFF;
/* Navy neutrals (dark-first) */
--kb-navy-950:#03060F;
--kb-navy-900:#050B1E;
--kb-navy-850:#08122B;
--kb-navy-800:#0C1838;
--kb-navy-700:#132349;
--kb-navy-600:#1C3160;
--kb-navy-500:#2B4478;
--kb-slate-400:#5F739C;
--kb-slate-300:#8B9BC0;
--kb-slate-200:#B8C4DE;
--kb-slate-100:#DDE4F3;
--kb-slate-50:#F2F5FB;
/* Semantic (market) */
--kb-green-400:#2EE6A6;
--kb-green-500:#12C98A;
--kb-green-600:#0E9E6D;
--kb-red-400:#FF6B85;
--kb-red-500:#FF3D5F;
--kb-red-600:#D62A4A;
--kb-amber-400:#FFC24D;
--kb-amber-500:#FFAA1A;
/* Gradients */
--kb-gradient-brand:linear-gradient(135deg,#00D1FF 0%,#0B5FFF 100%);/* @kind other */
--kb-gradient-brand-soft:linear-gradient(135deg,rgba(0,209,255,.18) 0%,rgba(11,95,255,.18) 100%);/* @kind other */
--kb-gradient-glow:radial-gradient(60% 80% at 50% 100%,rgba(11,95,255,.55) 0%,rgba(11,95,255,0) 70%);/* @kind other */
--kb-gradient-surface:linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,0) 100%);/* @kind other */

/* Semantic aliases — dark theme (default) */
--bg-app:var(--kb-navy-900);
--bg-page:var(--kb-navy-950);
--surface-1:var(--kb-navy-850);
--surface-2:var(--kb-navy-800);
--surface-3:var(--kb-navy-700);
--surface-card:var(--kb-navy-850);
--surface-elevated:var(--kb-navy-800);
--surface-overlay:rgba(3,6,15,.72);
--surface-input:var(--kb-navy-900);
--surface-brand-tint:rgba(11,95,255,.12);
--border-subtle:rgba(255,255,255,.06);
--border-default:rgba(255,255,255,.10);
--border-strong:rgba(255,255,255,.18);
--border-brand:var(--kb-blue-500);
--text-primary:var(--kb-white);
--text-secondary:var(--kb-slate-300);
--text-tertiary:var(--kb-slate-400);
--text-disabled:var(--kb-navy-500);
--text-brand:var(--kb-cyan-400);
--text-on-brand:var(--kb-white);
--text-positive:var(--kb-green-400);
--text-negative:var(--kb-red-400);
--text-warning:var(--kb-amber-400);
--accent:var(--kb-blue-500);
--accent-hover:var(--kb-blue-600); /* white text stays above WCAG AA (7.1:1); blue-400 gave 3.9:1 */
--accent-active:var(--kb-blue-700);
--accent-secondary:var(--kb-cyan-400);
--positive:var(--kb-green-500);
--negative:var(--kb-red-500);
--warning:var(--kb-amber-500);
--positive-tint:rgba(18,201,138,.14);
--negative-tint:rgba(255,61,95,.14);
--warning-tint:rgba(255,170,26,.14);
--focus-ring:0 0 0 3px rgba(0,209,255,.45);
--link:var(--kb-cyan-400);
--link-hover:var(--kb-cyan-300);
color-scheme:dark;
}
[data-theme="light"]{
--bg-app:var(--kb-slate-50);
--bg-page:var(--kb-white);
--surface-1:var(--kb-white);
--surface-2:var(--kb-slate-50);
--surface-3:var(--kb-slate-100);
--surface-card:var(--kb-white);
--surface-elevated:var(--kb-white);
--surface-overlay:rgba(5,11,30,.55);
--surface-input:var(--kb-white);
--surface-brand-tint:rgba(11,95,255,.08);
--border-subtle:rgba(5,11,30,.06);
--border-default:rgba(5,11,30,.10);
--border-strong:rgba(5,11,30,.20);
--text-primary:var(--kb-navy-900);
--text-secondary:var(--kb-slate-600);
--text-tertiary:var(--kb-slate-300);
--text-disabled:var(--kb-slate-200);
--text-brand:var(--kb-blue-600);
--text-positive:var(--kb-green-700);
--text-negative:var(--kb-red-700);
--text-warning:var(--kb-amber-700);
--focus-ring:0 0 0 3px rgba(11,95,255,.45);
--link:var(--kb-blue-600);
--link-hover:var(--kb-blue-700);
color-scheme:light;
}

:root{
--font-display:"Sora","Manrope",system-ui,sans-serif;
--font-body:"Manrope","Sora",system-ui,sans-serif;
--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
/* Scale (px) */
--text-2xs:11px;
--text-xs:12px;
--text-sm:13px;
--text-md:15px;
--text-lg:17px;
--text-xl:20px;
--text-2xl:24px;
--text-3xl:32px;
--text-4xl:40px;
--text-5xl:56px;
--text-6xl:72px;
/* Line heights */
--leading-tight:1.1;
--leading-snug:1.25;
--leading-normal:1.5;
--leading-relaxed:1.65;
/* Tracking */
--tracking-tight:-0.02em;
--tracking-normal:0;
--tracking-wide:0.08em;
--tracking-caps:0.22em; /* "EXCHANGE" style eyebrow */
/* Weights */
--weight-regular:400;
--weight-medium:500;
--weight-semibold:600;
--weight-bold:700;
--weight-extrabold:800;
/* Composite roles */
--type-display:800 var(--text-5xl)/var(--leading-tight) var(--font-display);
--type-h1:700 var(--text-4xl)/var(--leading-tight) var(--font-display);
--type-h2:700 var(--text-3xl)/var(--leading-snug) var(--font-display);
--type-h3:600 var(--text-2xl)/var(--leading-snug) var(--font-display);
--type-h4:600 var(--text-xl)/var(--leading-snug) var(--font-display);
--type-body-lg:400 var(--text-lg)/var(--leading-relaxed) var(--font-body);
--type-body:400 var(--text-md)/var(--leading-normal) var(--font-body);
--type-body-sm:400 var(--text-sm)/var(--leading-normal) var(--font-body);
--type-label:600 var(--text-sm)/1.2 var(--font-body);
--type-caption:500 var(--text-xs)/1.4 var(--font-body);
--type-eyebrow:600 var(--text-xs)/1 var(--font-display);
--type-numeral-lg:700 var(--text-4xl)/1 var(--font-display);
--type-numeral:600 var(--text-lg)/1.2 var(--font-display);
--type-mono:500 var(--text-sm)/1.5 var(--font-mono);
}

:root{
/* 4px base */
--space-0:0;
--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-20:80px;
--space-24:96px;
/* Radii */
--radius-xs:4px;
--radius-sm:8px;
--radius-md:12px;
--radius-lg:16px;
--radius-xl:24px;
--radius-2xl:32px;
--radius-pill:999px;
/* Control sizes */
--control-sm:32px;
--control-md:40px;
--control-lg:48px;
--control-xl:56px;
/* Layout */
--sidebar-width:248px;
--topbar-height:64px;
--content-max:1280px;
--gutter:var(--space-6);
--card-padding:var(--space-5);
--border-width:1px;
}

:root,[data-theme="dark"]{
/* Shadows: dark UI relies on borders + brand glow more than drop shadows */
--shadow-sm:0 1px 2px rgba(0,0,0,.35);
--shadow-md:0 8px 24px -8px rgba(0,0,0,.55);
--shadow-lg:0 24px 48px -16px rgba(0,0,0,.65);
--shadow-glow-brand:0 0 0 1px rgba(11,95,255,.45),0 8px 32px -4px rgba(11,95,255,.45);
--shadow-glow-cyan:0 0 24px rgba(0,209,255,.45);
--shadow-inset-top:inset 0 1px 0 rgba(255,255,255,.06);
/* Blur */
--blur-glass:16px;/* @kind other */
--glass-bg:rgba(8,18,43,.72);
/* Motion */
--ease-out:cubic-bezier(.16,1,.3,1);/* @kind other */
--ease-in-out:cubic-bezier(.65,0,.35,1);/* @kind other */
--ease-spring:cubic-bezier(.34,1.56,.64,1);/* @kind other */
--duration-fast:120ms;/* @kind other */
--duration-base:200ms;/* @kind other */
--duration-slow:360ms;/* @kind other */
/* Opacity */
--opacity-disabled:.4;/* @kind other */
--opacity-hover-media:.85;/* @kind other */
/* Z */
--z-sticky:10;/* @kind other */
--z-dropdown:20;/* @kind other */
--z-overlay:40;/* @kind other */
--z-dialog:50;/* @kind other */
--z-toast:60;/* @kind other */
--z-tooltip:70;/* @kind other */
}

/* Application UI (v1.1, additive): tone aliases and borders, state layers, focus outline, elevation, data-viz, skeleton, overlay, inputs, numerals, motion and layering for the platform portals. */
:root,[data-theme="dark"]{
/* Accessible text and fills (WCAG 2.2 AA): --text-tertiary is about 3.9:1 on cards, so small meaningful
   text uses --text-muted (5.2:1 on --surface-card, 4.9:1 on --surface-2); the strong gradient keeps white
   labels at 4.5:1 or more at every point of the control (v1.3: cyan-600 to blue-600, 4.58:1 at the start, 7.08:1 at the end). */
--kb-slate-350:#7488B2;
/* Darker steps for text on light surfaces (v1.2): every one is 4.5:1 or more on white, --bg-app light and its own tone tint. */
--kb-slate-500:#536690;
--kb-slate-600:#44578A;
--kb-green-700:#097250;
--kb-red-700:#B42340;
--kb-amber-700:#8A5300;
--text-muted:var(--kb-slate-350);
--kb-gradient-brand-strong:linear-gradient(135deg,#017BBF 0%,#084CD1 100%);/* @kind other */
/* Tones: info and success aliases, tone borders */
--info:var(--kb-cyan-400);
--info-tint:rgba(0,209,255,.12);
--info-border:rgba(0,209,255,.25);
--text-info:var(--text-brand);
--success:var(--positive);
--success-tint:var(--positive-tint);
--text-success:var(--text-positive);
--positive-border:rgba(18,201,138,.3);
--negative-border:rgba(255,61,95,.3);
--warning-border:rgba(255,170,26,.3);
--text-on-positive:var(--kb-navy-950);
--text-on-negative:var(--kb-white);
--negative-fill:var(--kb-red-600);/* destructive buttons: white label at 4.9:1 */
/* State layers (overlay on any surface) */
--state-hover:rgba(255,255,255,.06);
--state-hover-subtle:rgba(255,255,255,.04);
--state-pressed:rgba(255,255,255,.10);
--state-selected:var(--surface-brand-tint);
--state-selected-border:var(--border-brand);
/* Focus: ring for the glow, outline width/offset for forced-colors and :focus-visible */
--focus-ring-color:rgba(0,209,255,.45);
--focus-outline-width:2px;
--focus-outline-offset:2px;
--focus-outline-color:var(--kb-cyan-400);
/* Elevation (glass cards and overlays) */
--elevation-0:none;
--elevation-1:var(--shadow-inset-top);
--elevation-2:var(--shadow-md),var(--shadow-inset-top);
--elevation-3:var(--shadow-lg),var(--shadow-inset-top);
--elevation-selected:var(--shadow-glow-brand);
--glass-border:var(--border-default);
--glass-bg-strong:rgba(8,18,43,.9);
--card-glow:var(--kb-gradient-glow);/* @kind other */
/* Controls */
--control-track:var(--kb-navy-500);
--control-thumb:var(--kb-white);
--input-sm:36px;
--input-md:44px;
--input-lg:52px;
--tooltip-bg:var(--kb-slate-50);
--tooltip-text:var(--kb-navy-900);
/* Data visualization */
--chart-series-1:var(--kb-cyan-400);
--chart-series-2:var(--kb-blue-300);
--chart-series-3:var(--kb-green-400);
--chart-series-4:var(--kb-amber-400);
--chart-series-5:var(--kb-red-400);
--chart-series-6:var(--kb-slate-200);
--chart-line:var(--chart-series-1);
--chart-area-start:rgba(0,209,255,.3);
--chart-area-end:rgba(0,209,255,0);
--chart-gradient-area:linear-gradient(180deg,rgba(0,209,255,.3) 0%,rgba(0,209,255,0) 100%);/* @kind other */
--chart-grid:rgba(255,255,255,.06);
--chart-axis:var(--text-muted);
--chart-stroke-width:2px;
/* Skeleton and loading */
--skeleton-base:rgba(255,255,255,.06);
--skeleton-highlight:rgba(255,255,255,.12);
--skeleton-shimmer:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.08) 50%,rgba(255,255,255,0) 100%);/* @kind other */
--duration-shimmer:1400ms;/* @kind other */
--duration-spin:700ms;/* @kind other */
/* Overlay and scrim */
--scrim:var(--surface-overlay);
--blur-overlay:8px;/* @kind other */
/* Numerals and tabular roles (amounts: integer part, smaller fraction, smaller unit) */
--type-numeral-xl:700 var(--text-5xl)/1 var(--font-display);
--type-numeral-md:700 var(--text-2xl)/1 var(--font-display);
--type-numeral-sm:600 var(--text-base)/1.2 var(--font-display);
--type-mono-sm:500 var(--text-xs)/1.5 var(--font-mono);
--type-page-title:600 var(--size-page-title)/1.2 var(--font-display);
--tracking-numeral:-0.02em;
--tracking-badge:0.14em;
--numeral-fraction-scale:0.6;/* @kind other */
--numeral-unit-scale:0.45;/* @kind other */
/* Motion for page and overlay transitions */
--motion-distance:8px;
--duration-page:var(--duration-base);/* @kind other */
--duration-overlay-in:var(--duration-slow);/* @kind other */
--duration-overlay-out:var(--duration-base);/* @kind other */
/* Layout */
--sidebar-width-collapsed:72px;
--bottom-nav-height:64px;
--sheet-width:440px;
--dialog-sm:400px;
--dialog-md:520px;
--dialog-lg:680px;
/* Z */
--z-topbar:30;/* @kind other */
--z-drawer:45;/* @kind other */
--z-sheet:50;/* @kind other */
}
[data-theme="light"]{
--text-muted:var(--kb-slate-500);
--glass-bg:rgba(255,255,255,.78);
--glass-border:rgba(5,11,30,.08);
--card-glow:radial-gradient(60% 80% at 50% 100%,rgba(11,95,255,.12) 0%,rgba(11,95,255,0) 70%);/* @kind other */
--elevation-1:0 1px 2px rgba(5,11,30,.05);
--elevation-2:0 12px 32px -16px rgba(5,11,30,.22),0 1px 2px rgba(5,11,30,.05);
--elevation-3:0 24px 56px -20px rgba(5,11,30,.3),0 1px 2px rgba(5,11,30,.06);
--elevation-selected:0 0 0 1px rgba(11,95,255,.4),0 10px 28px -12px rgba(11,95,255,.35);
--chart-series-1:var(--kb-blue-500);
--chart-series-3:var(--kb-green-700);
--chart-series-4:var(--kb-amber-700);
--chart-series-5:var(--kb-red-700);
--chart-series-6:var(--kb-slate-400);
--info-tint:rgba(11,95,255,.08);
--info-border:rgba(11,95,255,.25);
--positive-border:rgba(14,158,109,.3);
--negative-border:rgba(214,42,74,.3);
--warning-border:rgba(255,170,26,.4);
--state-hover:rgba(5,11,30,.04);
--state-hover-subtle:rgba(5,11,30,.03);
--state-pressed:rgba(5,11,30,.08);
--focus-ring-color:rgba(11,95,255,.35);
--focus-outline-color:var(--kb-blue-500);
--glass-bg-strong:rgba(255,255,255,.92);
--control-track:var(--kb-slate-200);
--tooltip-bg:var(--kb-navy-900);
--tooltip-text:var(--kb-white);
--chart-area-start:rgba(11,95,255,.22);
--chart-area-end:rgba(11,95,255,0);
--chart-gradient-area:linear-gradient(180deg,rgba(11,95,255,.22) 0%,rgba(11,95,255,0) 100%);/* @kind other */
--chart-grid:rgba(5,11,30,.06);
--skeleton-base:rgba(5,11,30,.06);
--skeleton-highlight:rgba(5,11,30,.1);
--skeleton-shimmer:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 100%);/* @kind other */
}

/* Application UI (v1.3, M5): scale steps, status, sizes, disabled controls, motion, data visualization, mobile type roles and the light values the earlier blocks lacked.
   Additive, apart from the contrast fixes recorded in the README (--kb-gradient-brand-strong, --chart-axis, light --chart-series-2 and glows). */
:root,[data-theme="dark"]{
/* Palette: deep cyan, the start of the text-safe gradient (white reads 4.58:1 on it) and the light theme's second chart series */
--kb-cyan-600:#017BBF;
/* Scale steps between the existing ones, and role sizes that are not on the scale */
--text-3xs:10px;/* uppercase tracked badges only */
--text-base:14px;/* dense controls: md buttons, tabs, quote and receipt lines */
--size-page-title:18px;
--size-amount-lg:34px;
--size-button-xl:16px;
/* Text scaling caps for native text (maxFontSizeMultiplier); the web scales freely */
--text-scale-max:2;/* @kind other */
--text-scale-max-compact:1.3;/* @kind other */
/* Status beyond the tones: what is known about an outcome. -fg is text and icons, -bg the fill, -border the outline */
--status-unknown-fg:var(--text-warning);/* an external outcome not established yet: neither success nor failure */
--status-unknown-bg:var(--warning-tint);
--status-unknown-border:var(--warning-border);
--status-reconciling-fg:var(--text-info);/* settled, waiting for reconciliation */
--status-reconciling-bg:var(--info-tint);
--status-reconciling-border:var(--info-border);
--status-simulated-fg:var(--text-warning);/* data from a deterministic simulator */
--status-simulated-bg:var(--warning-tint);
--status-simulated-border:var(--warning-border);
--status-test-fg:var(--text-info);/* a test chain or test token: real network, valueless coins */
--status-test-bg:var(--info-tint);
--status-test-border:var(--info-border);
--status-locked-fg:var(--text-muted);/* not available yet (phase 2) or switched off */
--status-locked-bg:var(--state-hover);
--status-locked-border:var(--border-default);
--simulated-stripes:repeating-linear-gradient(135deg,var(--status-simulated-bg) 0 6px,transparent 6px 12px);/* @kind other */
--test-stripes:repeating-linear-gradient(135deg,var(--status-test-bg) 0 6px,transparent 6px 12px);/* @kind other */
/* Sizes: touch target, chips, tabs, segments, badges */
--target-min:44px;
--height-chip-sm:28px;
--height-chip-md:34px;
--height-tab:38px;
--height-segment:36px;
--height-badge-sm:22px;
--height-badge-md:26px;
/* Disabled controls: a flat fill instead of a faded gradient, which washed out on both themes */
--control-disabled-bg:var(--kb-navy-700);
--control-disabled-text:var(--text-muted);
--control-disabled-border:var(--border-subtle);
/* Motion: an exit curve; --motion-scale multiplies travel distances and is 0 under reduced motion */
--ease-in:cubic-bezier(.7,0,.84,0);/* @kind other */
--motion-scale:1;/* @kind other */
/* Data visualization: sequential (low to high), diverging (negative, neutral, positive) and asset identity (the coin icons' colours, 3:1 or more on the theme's surfaces) */
--chart-seq-1:var(--kb-navy-600);
--chart-seq-2:var(--kb-blue-700);
--chart-seq-3:var(--kb-blue-500);
--chart-seq-4:var(--kb-cyan-500);
--chart-seq-5:var(--kb-cyan-300);
--chart-div-neg-2:var(--kb-red-400);
--chart-div-neg-1:#90435D;
--chart-div-mid:var(--kb-slate-400);
--chart-div-pos-1:#1D876F;
--chart-div-pos-2:var(--kb-green-400);
--asset-btc:#F7931A;
--asset-eth:#627EEA;
--asset-sol:#66F9A1;
--asset-trx:#EF0027;
--asset-usdt:#26A17B;
--asset-usdc:#3E73C4;
/* Mobile type roles (frames 032, 044 and 058 measured at 2x): the web scale is larger than the phone frames */
--type-mobile-screen-title:700 22px/28px var(--font-display);
--type-mobile-section-title:600 17px/22px var(--font-display);
--type-mobile-row-title:600 16px/22px var(--font-body);
--type-mobile-row-label:400 15px/20px var(--font-body);
--type-mobile-row-value:600 15px/20px var(--font-display);
--type-mobile-row-caption:400 13px/18px var(--font-body);
--type-mobile-caption:500 12px/16px var(--font-body);
--type-mobile-button:600 17px/22px var(--font-body);
--type-mobile-amount-hero:700 40px/44px var(--font-display);
--type-mobile-amount:700 28px/32px var(--font-display);
}
[data-theme="light"]{
--kb-gradient-glow:radial-gradient(60% 80% at 50% 100%,rgba(11,95,255,.14) 0%,rgba(11,95,255,0) 70%);/* @kind other */
--shadow-glow-brand:0 0 0 1px rgba(11,95,255,.35),0 8px 24px -8px rgba(11,95,255,.35);
--shadow-glow-cyan:0 0 20px rgba(11,95,255,.22);
--chart-series-2:var(--kb-cyan-600);
--control-disabled-bg:var(--kb-slate-100);
--control-disabled-border:var(--border-default);
--chart-seq-1:#C9D8F5;
--chart-seq-2:#8FB4F7;
--chart-seq-3:var(--kb-blue-400);
--chart-seq-4:var(--kb-blue-600);
--chart-seq-5:var(--kb-blue-700);
--chart-div-neg-2:var(--kb-red-700);
--chart-div-neg-1:#D68696;
--chart-div-mid:var(--kb-slate-300);
--chart-div-pos-1:#78B19F;
--chart-div-pos-2:var(--kb-green-700);
--asset-btc:#B06008;
--asset-eth:#4C67D4;
--asset-sol:#0A7F4F;
--asset-usdt:#1A8263;
}
/* Reduced motion: no travel, page and overlay changes as short fades, no shimmer. Durations the landing uses are left alone. */
@media (prefers-reduced-motion:reduce){
:root{
--motion-scale:0;/* @kind other */
--motion-distance:0px;
--duration-page:0ms;/* @kind other */
--duration-overlay-in:var(--duration-fast);/* @kind other */
--duration-overlay-out:var(--duration-fast);/* @kind other */
--duration-shimmer:0ms;/* @kind other */
}
}
/* Kubit Exchange base styles: reset, element defaults and the kb-eyebrow / kb-mono / kb-tabular utilities. Requires tokens.css. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg-app);color:var(--text-primary);font:var(--type-body);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1}
a{color:var(--link);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}
a:hover{color:var(--link-hover)}
h1,h2,h3,h4,p{margin:0}
h1{font:var(--type-h1);letter-spacing:var(--tracking-tight)}
h2{font:var(--type-h2);letter-spacing:var(--tracking-tight)}
h3{font:var(--type-h3)}
h4{font:var(--type-h4)}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:rgba(0,209,255,.35)}
.kb-eyebrow{font:var(--type-eyebrow);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-brand)}
.kb-mono{font:var(--type-mono)}
.kb-tabular{font-variant-numeric:tabular-nums}