/* Generated by tools/tenger-tokens from tokens.json. Do not edit by hand. */
:root {
  /* color */
  --tn-brand-primary: #2057D7;
  --tn-brand-primary-token: #3338D5;
  --tn-brand-primary-hover: #4F4FFF;
  --tn-brand-primary-subtle: #ECEDFE;
  --tn-brand-deep: #013C92;
  --tn-hero-stop-1: #003688;
  --tn-hero-stop-2: #0178FF;
  --tn-hero-stop-3: #99C8FF;
  --tn-hero-stop-4: #E5F1FF;
  --tn-label-primary: #0E0E1A;
  --tn-label-secondary: #828288;
  --tn-label-tertiary: #C5C5C8;
  --tn-label-white: #FFFFFF;
  --tn-surface-base: #FFFFFF;
  --tn-surface-secondary: #F3F3F7;
  --tn-surface-tertiary: #EAEAEE;
  --tn-surface-contrast: #0E0E1A;
  --tn-surface-inverse-2: #1F1F1F;
  --tn-border-default: #DFDFE3;
  --tn-border-strong: #C3C3C8;
  --tn-border-subtle: #EDEDF3;
  --tn-success: #00D10F;
  --tn-success-token: #12B76A;
  --tn-warning: #F79009;
  --tn-warning-2: #FC9502;
  --tn-warning-3: #FF4C0D;
  --tn-error: #F04438;
  --tn-overlay-main: rgba(0, 0, 0, 0.6);
  --tn-overlay-blur: rgba(250, 250, 250, 0.77);
  --tc-navy-900: #061626;
  --tc-navy-800: #0A2540;
  --tc-navy-700: #103257;
  --tc-navy-600: #1B4A7A;
  --tc-brand: #1E5BD6;
  --tc-brand-hover: #1A4FBC;
  --tc-brand-press: #163F97;
  --tc-brand-soft: #E8EFFC;
  --tc-sky: #4DA3FF;
  --tc-sky-soft: #DCEBFF;
  --tc-ink: #0E1B2C;
  --tc-ink-2: #45576E;
  --tc-ink-3: #74879E;
  --tc-ink-4: #A7B4C4;
  --tc-on-navy: #FFFFFF;
  --tc-on-navy-2: #9FB4CC;
  --tc-on-navy-3: #5E789B;
  --tc-canvas: #F4F6FA;
  --tc-surface: #FFFFFF;
  --tc-surface-2: #FAFBFD;
  --tc-surface-3: #EEF2F7;
  --tc-overlay: rgba(6, 22, 38, 0.55);
  --tc-border: #E4E9F0;
  --tc-border-strong: #D2DAE5;
  --tc-border-faint: #EFF2F7;
  --tc-up: #12936B;
  --tc-up-soft: #DBF1E8;
  --tc-down: #E0463B;
  --tc-down-soft: #FBE3E1;
  --tc-warn: #C77A06;
  --tc-warn-soft: #FBEFD7;
  --tc-info: #1E5BD6;
  --tc-info-soft: #E8EFFC;
  --tc-neutral: #5B6B82;
  --tc-neutral-soft: #EBEFF4;
  /* spacing */
  --tn-space-1: 4px;
  --tn-space-2: 8px;
  --tn-space-3: 12px;
  --tn-space-4: 16px;
  --tn-space-5: 20px;
  --tn-space-6: 24px;
  --tn-space-8: 32px;
  --tn-space-10: 40px;
  --tn-space-12: 48px;
  --tn-space-16: 64px;
  --tc-1: 4px;
  --tc-2: 8px;
  --tc-3: 12px;
  --tc-4: 16px;
  --tc-5: 20px;
  --tc-6: 24px;
  --tc-8: 32px;
  --tc-10: 40px;
  --tc-12: 48px;
  --tc-16: 64px;
  --tc-row-h: 52px;
  --tc-cell-py: 14px;
  --tc-card-pad: 24px;
  /* radius */
  --tn-radius-xs: 4px;
  --tn-radius-sm: 8px;
  --tn-radius-md: 12px;
  --tn-radius-lg: 16px;
  --tn-radius-xl: 20px;
  --tn-radius-2xl: 24px;
  --tn-radius-pill: 99px;
  --tn-radius-pressed: 51px;
  --tc-r-xs: 5px;
  --tc-r-sm: 8px;
  --tc-r-md: 10px;
  --tc-r-lg: 14px;
  --tc-r-xl: 18px;
  --tc-r-pill: 999px;
  /* shadow */
  --tn-shadow-s: 0px 2px 6px 0px rgba(14, 14, 26, 0.12);
  --tn-shadow-m: 0px 8px 12px -2px rgba(14, 14, 26, 0.10);
  --tn-shadow-l: 0px 8px 16px 0px rgba(14, 14, 26, 0.12);
  --tn-shadow-toggle: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
  --tc-shadow-xs: 0 1px 2px rgba(14,27,44,.06);
  --tc-shadow-sm: 0 1px 3px rgba(14,27,44,.08), 0 1px 2px rgba(14,27,44,.04);
  --tc-shadow-md: 0 4px 12px -2px rgba(14,27,44,.10), 0 2px 6px -2px rgba(14,27,44,.06);
  --tc-shadow-lg: 0 16px 32px -8px rgba(10,37,64,.20), 0 4px 12px -4px rgba(10,37,64,.10);
  --tc-ring: 0 0 0 3px rgba(30,91,214,.18);
  /* gradient */
  --tn-hero-gradient: linear-gradient(180deg, #003688 0%, #0178FF 48%, #99C8FF 82%, #E5F1FF 100%);
  /* layout */
  --tc-sidebar-w: 256px;
  --tc-sidebar-w-collapsed: 76px;
  --tc-topbar-h: 64px;
  /* density defaults — bundle.css:186 has no fallback for these */
  --tc-row-h: 40px;
  --tc-cell-py: 9px;
  --tc-card-pad: 18px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --tc-brand: #4D8DF0;
    --tc-brand-hover: #669CF2;
    --tc-brand-soft: #15294A;
    --tc-sky-soft: #14263F;
    --tc-ink: #EAF1FA;
    --tc-ink-2: #A7B8CC;
    --tc-ink-3: #7589A1;
    --tc-ink-4: #51637A;
    --tc-canvas: #07111E;
    --tc-surface: #0E1B2C;
    --tc-surface-2: #122236;
    --tc-surface-3: #1A2D44;
    --tc-overlay: rgba(2, 8, 16, 0.66);
    --tc-border: #1E3148;
    --tc-border-strong: #2A4061;
    --tc-border-faint: #182840;
    --tc-up-soft: #0F3328;
    --tc-down-soft: #3A1A19;
    --tc-warn-soft: #36280C;
    --tc-info-soft: #15294A;
    --tc-neutral-soft: #1B2A3D;
    --tc-shadow-sm: 0 1px 3px rgba(0,0,0,.4);
    --tc-shadow-md: 0 4px 12px -2px rgba(0,0,0,.5);
    --tc-shadow-lg: 0 16px 32px -8px rgba(0,0,0,.6);
  }
}