@font-face {
  font-family: 'Labil Grotesk';
  src: url('/assets/fonts/Vn9tRhmf3f1SHKCEDQDq2yeH4Y.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Labil Grotesk';
  src: url('/assets/fonts/LabilGrotesk-Regular.woff2') format('woff2'),
       url('/assets/fonts/cL49hcMF62coqNjQLMbb57xao.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Labil Grotesk';
  src: url('/assets/fonts/LabilGrotesk-Medium.woff2') format('woff2'),
       url('/assets/fonts/HyzXhOTG1xPnYGP75gAMr4ac5o.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Labil Grotesk';
  src: url('/assets/fonts/LabilGrotesk-Bold.woff2') format('woff2'),
       url('/assets/fonts/3XwxSbkXyGz2NTtZP0M3ktMkDw.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fragment Mono';
  src: url('/assets/fonts/FragmentMono-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TT Hoves';
  src: url('/assets/fonts/TTHoves-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  
  --chai-font-display: 'Labil Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  --chai-font-sans: 'Labil Grotesk', 'TT Hoves', -apple-system, BlinkMacSystemFont, sans-serif;
  --chai-font-ui: 'TT Hoves', 'Labil Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  --chai-font-mono: 'Fragment Mono', 'SF Mono', 'JetBrains Mono', monospace;

  
  --font-display: var(--chai-font-display);
  --font-sans: var(--chai-font-sans);
  --font-ui: var(--chai-font-ui);
  --font-mono: var(--chai-font-mono);

  
  --token-f5315600-76b1-412e-be88-efa4ca61a0fd: #ffffff; 
  --token-ba2c34f6-e540-4209-82a4-a1d0e17e6918: #f0f2fa; 
  --token-84a0718f-fefd-4bb6-ad76-c24754767f2b: #e6eaed; 
  --token-037f97de-4fda-44e8-a0c2-7384723006f1: #5771fe; 
  --token-fa1bac87-e071-4279-af31-ac911e2691ae: #9aaafe; 
  --token-4b369854-33e5-44ef-9f0b-48984b18aaba: #223180; 
  --token-5875e0ef-bb1b-45f2-a115-7261a09a9798: #59ebe3; 
  --token-47cd9541-7c53-4b12-833c-82135e69cf9b: #000000; 
  --token-14f4023c-be58-41c0-bb69-a9f45041ff51: rgba(0, 0, 0, 0.5); 
  --token-6c85da92-9c70-4d0a-8e6b-b7f5f1ad67bd: rgba(0, 0, 0, 0.1); 

  
  --token-f5315600-f245-4c00-b8d9-ff5dbbf5b4b0: #ffffff;
  --token-ba2c34f6-c63b-422c-a6d2-d1d1dc2fb1f0: #f0f2fa;
  --token-84a0718f-3306-441b-ab96-cf0fa6da1ffc: #e6eaed;
  --token-037f97de-9775-42c2-9118-7d6f24921814: #5771fe;
  --token-fa1bac87-b1c9-4e14-9262-8425e32b5039: #9aaafe;
  --token-4b369854-d733-4a9e-8514-ae787bb53726: #223180;
  --token-5875e0ef-abdb-455b-bd50-f7443bf64ec6: #59ebe3;

  
  --chai-bg-canvas: #F2F4FA;
  --chai-bg-primary: #F2F4FA;
  --chai-bg-surface: #FFFFFF;
  --chai-bg-ice: #F0F2FA;
  --chai-bg-lab-gray: #E6EAED;
  --chai-bg-lavender: #E6EAFA;
  --chai-bg-elevated: #F7F9FC;
  --chai-bg-mint: #EFFAF7;
  --chai-bg-cobalt-soft: #EEF2FF;
  --chai-bg-indigo-stage: #020C3D;
  --chai-bg-glass: rgba(255, 255, 255, 0.86);

  
  --bg-primary: var(--chai-bg-canvas);
  --bg-surface: var(--chai-bg-surface);
  --bg-elevated: var(--chai-bg-elevated);

  
  --chai-ink-navy: #020C3D;
  --chai-ink-molecular: #223180;
  --chai-ink-slate: #3B4861;
  --chai-ink-muted: #687692;
  --chai-text-primary: #0F172A;
  --chai-text-secondary: #3B4861;
  --chai-text-muted: #687692;
  --ink-primary: var(--chai-ink-navy);
  --ink-secondary: var(--chai-ink-slate);
  --ink-muted: var(--chai-ink-muted);

  
  --chai-accent-cobalt: #5771FE;
  --chai-accent-blue: #5771FE;
  --chai-accent-periwinkle: #9AAAFE;
  --chai-accent-cyan: #59EBE3;
  --chai-accent-emerald: #0D7A5F;
  --chai-accent-teal: #127868;
  --chai-status-pass: #15803D;
  --chai-status-pass-bg: #DCFCE7;
  --accent-cobalt: var(--chai-accent-cobalt);
  --accent-teal: var(--chai-accent-teal);
  --status-pass: var(--chai-status-pass);

  
  --chai-border-ledger: #D8DCEB;
  --chai-border-hairline: rgba(0, 0, 0, 0.08);
  --chai-border-strong: #B8C1DC;
  --border-hairline: var(--chai-border-ledger);
  --border-strong: var(--chai-border-strong);
  --chai-shadow-card: 0 12px 32px rgba(2, 12, 61, 0.05);
  --chai-shadow-elevated: 0 22px 54px rgba(2, 12, 61, 0.10);

  
  --chai-space-2xs: 4px;
  --chai-space-xs: 8px;
  --chai-space-sm: 12px;
  --chai-space-md: 16px;
  --chai-space-lg: 24px;
  --chai-space-xl: 32px;
  --chai-space-2xl: 48px;
  --chai-space-3xl: 64px;
  --chai-space-4xl: 96px;

  
  --chai-frame-bg: #FFFFFF;
  --chai-frame-pad: 12px;
  --chai-frame-gap: 12px;

  
  --chai-radius-none: 0px;       
  --chai-radius-xs: 2px;         
  --chai-radius-sm: 4px;         
  --chai-radius-md: 6px;         
  --chai-radius-stage: 6px;      
  --chai-radius-card: 6px;       
  --chai-radius-btn: 6px;        
  --chai-radius-chip: 6px;       
  --chai-radius-nav: 6px;        
  --chai-stage-radius: var(--chai-radius-stage);
  --chai-card-radius: var(--chai-radius-card);

  
  --chai-nav-bg: var(--token-ba2c34f6-e540-4209-82a4-a1d0e17e6918, #F0F2FA);
  --chai-nav-height: 37px;
  --chai-nav-pad: 6px 12px;
  --chai-nav-top-offset: 12px;
  --chai-nav-mask-height: 31px;
  --chai-nav-link-font-size: 14px;
  --chai-nav-link-pad: 3px 12px 4px 12px;
  --chai-nav-link-color: #020C3D;
  --chai-nav-link-accent: var(--token-037f97de-4fda-44e8-a0c2-7384723006f1, #5771FE);
  --chai-nav-link-hover-bg: var(--token-84a0718f-fefd-4bb6-ad76-c24754767f2b, #E6EAED);

  
  --chai-molecule-hero-bg: var(--token-037f97de-4fda-44e8-a0c2-7384723006f1, #5771FE);
  --chai-molecule-video-blend: luminosity;
  --chai-molecule-hero-blur-bg: linear-gradient(251deg, rgba(34, 50, 128, 0) 0%, rgb(69, 69, 69) 100%);
  --chai-molecule-hero-blur-mask: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 82%);
  --chai-molecule-hero-blur-blend: hard-light;
  --chai-molecule-hero-blur-opacity: 0.56;
  --chai-molecule-mid-blur-bg: linear-gradient(270deg, rgba(87, 112, 255, 0) 0%, rgb(171, 154, 237) 58%);
  --chai-molecule-mid-blur-mask: linear-gradient(-90deg, rgba(0, 0, 0, 0) 13%, rgba(0, 0, 0, 1) 83%);
  --chai-molecule-footer-bg: #020C3D;
  --chai-molecule-footer-glow: radial-gradient(53% 66% at 12.5% 91.2%, #223180 0%, rgba(0, 0, 0, 0) 100%);
  --chai-floating-card-bg: rgba(87, 113, 254, 0.52);
  --chai-floating-card-border: rgba(255, 255, 255, 0.25);

  
  --coa-chrome-bg: linear-gradient(145deg, #E3E7F0 0%, #D5DAE6 48%, #EDF0F7 100%);
  --coa-header-bg: linear-gradient(180deg, rgba(203, 212, 225, 0.90) 0%, rgba(190, 200, 216, 0.76) 100%);
  --coa-box-purity: rgba(218, 196, 202, 0.50);
  --coa-box-identity: rgba(214, 200, 224, 0.50);
  --coa-box-quantity: rgba(196, 188, 228, 0.54);
  --coa-holo-1: #ff4d79;
  --coa-holo-2: #ff9a3c;
  --coa-holo-3: #ffe14d;
  --coa-holo-4: #3cff9a;
  --coa-holo-5: #3cc8ff;
  --coa-holo-6: #9d5cff;

  
  --chai-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --chai-ease-in-out: cubic-bezier(0.44, 0, 0.56, 1);
  --chai-grid-max: 1380px;
  --grid-max: var(--chai-grid-max);
}