/* GENERATED by fiint-tokens from tokens/fiint.tokens.json. Do not edit. */
:root {
  --fi-breakpoint-lg: 1280px;
  --fi-breakpoint-md: 960px;
  --fi-breakpoint-sm: 640px;
  --fi-motion-duration-base: 200ms;
  --fi-motion-duration-fast: 160ms;
  --fi-motion-duration-instant: 100ms;
  --fi-motion-duration-slow: 280ms;
  --fi-motion-easing-enter: cubic-bezier(0, 0, 0, 1);
  --fi-motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --fi-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --fi-color-amber-50: #FFFBEB;
  --fi-color-amber-100: #FEF3C7;
  --fi-color-amber-200: #FDE68A;
  --fi-color-amber-400: #FBBF24;
  --fi-color-amber-600: #D97706;
  --fi-color-amber-700: #B45309;
  --fi-color-amber-800: #92400E;
  --fi-color-amber-950: #451A03;
  --fi-color-calm-dark-bg-canvas: #191C1A;
  --fi-color-calm-dark-bg-disabled: #3A403B;
  --fi-color-calm-dark-bg-hover: #252826;
  --fi-color-calm-dark-bg-inverse: #E9ECEA;
  --fi-color-calm-dark-bg-paper: #191C1A;
  --fi-color-calm-dark-bg-raised: #1F2220;
  --fi-color-calm-dark-bg-scrim: #0A0D0B52;
  --fi-color-calm-dark-bg-selected: #2B2E2C;
  --fi-color-calm-dark-bg-sidebar: #141714;
  --fi-color-calm-dark-bg-sunken: #232624;
  --fi-color-calm-dark-bg-surface: #1F2220;
  --fi-color-calm-dark-border-default: #2B2E2C;
  --fi-color-calm-dark-border-strong: #8C8F8D;
  --fi-color-calm-dark-border-subtle: #202321;
  --fi-color-calm-dark-critical-border: #DC2626;
  --fi-color-calm-dark-critical-fill: #EF4444;
  --fi-color-calm-dark-critical-on-fill: #0A0D0B;
  --fi-color-calm-dark-critical-on-subtle: #FEE2E2;
  --fi-color-calm-dark-critical-subtle: #450A0A;
  --fi-color-calm-dark-critical-text: #F87171;
  --fi-color-calm-dark-focus-ring: #6FBF9F;
  --fi-color-calm-dark-signal-border: #56A888;
  --fi-color-calm-dark-signal-fill: #10B981;
  --fi-color-calm-dark-signal-fill-hover: #34D399;
  --fi-color-calm-dark-signal-on-fill: #0A0D0B;
  --fi-color-calm-dark-signal-on-subtle: #A9D8C4;
  --fi-color-calm-dark-signal-subtle: #1C231F;
  --fi-color-calm-dark-signal-text: #6FBF9F;
  --fi-color-calm-dark-text-disabled: #6E716F;
  --fi-color-calm-dark-text-inverse: #141714;
  --fi-color-calm-dark-text-muted: #979A98;
  --fi-color-calm-dark-text-on-disabled: #9DA09E;
  --fi-color-calm-dark-text-primary: #CED1CF;
  --fi-color-calm-dark-text-reading: #D4D7D5;
  --fi-color-calm-dark-text-secondary: #ACAFAD;
  --fi-color-calm-dark-warning-border: #B45309;
  --fi-color-calm-dark-warning-on-subtle: #FEF3C7;
  --fi-color-calm-dark-warning-subtle: #451A03;
  --fi-color-calm-dark-warning-text: #FBBF24;
  --fi-color-calm-light-bg-canvas: #FAFCFA;
  --fi-color-calm-light-bg-disabled: #8A9788;
  --fi-color-calm-light-bg-hover: #EAEEEC;
  --fi-color-calm-light-bg-inverse: #141815;
  --fi-color-calm-light-bg-paper: #FFFFFF;
  --fi-color-calm-light-bg-raised: #FFFFFF;
  --fi-color-calm-light-bg-scrim: #14181599;
  --fi-color-calm-light-bg-selected: #E2E6E4;
  --fi-color-calm-light-bg-sidebar: #F3F6F4;
  --fi-color-calm-light-bg-sunken: #F3F6F4;
  --fi-color-calm-light-bg-surface: #FFFFFF;
  --fi-color-calm-light-border-default: #D0D1D0;
  --fi-color-calm-light-border-strong: #898B8A;
  --fi-color-calm-light-border-subtle: #E3E4E3;
  --fi-color-calm-light-critical-border: #DC2626;
  --fi-color-calm-light-critical-fill: #B91C1C;
  --fi-color-calm-light-critical-on-fill: #FFFFFF;
  --fi-color-calm-light-critical-on-subtle: #B91C1C;
  --fi-color-calm-light-critical-subtle: #FEF2F2;
  --fi-color-calm-light-critical-text: #B91C1C;
  --fi-color-calm-light-focus-ring: #2D6B53;
  --fi-color-calm-light-signal-border: #3D8B6E;
  --fi-color-calm-light-signal-fill: #047857;
  --fi-color-calm-light-signal-fill-hover: #065F46;
  --fi-color-calm-light-signal-on-fill: #FFFFFF;
  --fi-color-calm-light-signal-on-subtle: #1F5642;
  --fi-color-calm-light-signal-subtle: #EDF5F1;
  --fi-color-calm-light-signal-text: #2D6B53;
  --fi-color-calm-light-text-disabled: #7C837D;
  --fi-color-calm-light-text-inverse: #FAFCFA;
  --fi-color-calm-light-text-muted: #5F6662;
  --fi-color-calm-light-text-on-disabled: #FFFFFF;
  --fi-color-calm-light-text-primary: #141815;
  --fi-color-calm-light-text-reading: #343935;
  --fi-color-calm-light-text-secondary: #4B504B;
  --fi-color-calm-light-warning-border: #D97706;
  --fi-color-calm-light-warning-on-subtle: #92400E;
  --fi-color-calm-light-warning-subtle: #FFFBEB;
  --fi-color-calm-light-warning-text: #B45309;
  --fi-color-neutral-0: #FFFFFF;
  --fi-color-neutral-50: #F5F5F5;
  --fi-color-neutral-75: #EDEDED;
  --fi-color-neutral-100: #E5E5E5;
  --fi-color-neutral-200: #D4D4D4;
  --fi-color-neutral-300: #A3A3A3;
  --fi-color-neutral-350: #8A8A8A;
  --fi-color-neutral-400: #737373;
  --fi-color-neutral-450: #666666;
  --fi-color-neutral-500: #525252;
  --fi-color-neutral-600: #404040;
  --fi-color-neutral-650: #2A2A2A;
  --fi-color-neutral-700: #262626;
  --fi-color-neutral-800: #1F1F1F;
  --fi-color-neutral-850: #171717;
  --fi-color-neutral-900: #141414;
  --fi-color-neutral-950: #0A0A0A;
  --fi-color-paper-50: #FAF6EF;
  --fi-color-paper-100: #F3EEE3;
  --fi-color-paper-200: #E9E1D0;
  --fi-color-phosphor-50: #ECFDF5;
  --fi-color-phosphor-100: #D1FAE5;
  --fi-color-phosphor-200: #A7F3D0;
  --fi-color-phosphor-300: #6EE7B7;
  --fi-color-phosphor-400: #34D399;
  --fi-color-phosphor-500: #10B981;
  --fi-color-phosphor-600: #059669;
  --fi-color-phosphor-700: #047857;
  --fi-color-phosphor-800: #065F46;
  --fi-color-phosphor-900: #064E3B;
  --fi-color-phosphor-950: #022C22;
  --fi-color-red-50: #FEF2F2;
  --fi-color-red-100: #FEE2E2;
  --fi-color-red-400: #F87171;
  --fi-color-red-500: #EF4444;
  --fi-color-red-600: #DC2626;
  --fi-color-red-700: #B91C1C;
  --fi-color-red-950: #450A0A;
  --fi-font-editorial: Newsreader, Georgia, serif;
  --fi-font-mono: "IBM Plex Mono", Consolas, ui-monospace, monospace;
  --fi-font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --fi-radius-cell: 3.5px;
  --fi-radius-lg: 8px;
  --fi-radius-md: 4px;
  --fi-radius-none: 0px;
  --fi-radius-pill: 999px;
  --fi-radius-sm: 2px;
  --fi-radius-tile: 22px;
  --fi-size-card-auth: 400px;
  --fi-size-content-max: 1120px;
  --fi-size-control-lg: 48px;
  --fi-size-control-md: 40px;
  --fi-size-control-sm: 32px;
  --fi-size-focus-offset: 2px;
  --fi-size-focus-width: 2px;
  --fi-size-hairline: 1px;
  --fi-size-marker: 3px;
  --fi-size-menu: 224px;
  --fi-size-modal: 480px;
  --fi-size-nav-rail: 232px;
  --fi-size-reading-body: 620px;
  --fi-size-reading-max: 720px;
  --fi-size-tabbar: 60px;
  --fi-size-target-min: 24px;
  --fi-size-target-touch: 44px;
  --fi-size-toast: 380px;
  --fi-size-topbar: 56px;
  --fi-space-0: 0px;
  --fi-space-1: 4px;
  --fi-space-2: 8px;
  --fi-space-3: 12px;
  --fi-space-4: 16px;
  --fi-space-5: 20px;
  --fi-space-6: 24px;
  --fi-space-8: 32px;
  --fi-space-10: 40px;
  --fi-space-12: 48px;
  --fi-space-16: 64px;
  --fi-space-20: 80px;
  --fi-space-24: 96px;
  --fi-type-size-2xl: 31px;
  --fi-type-size-3xl: 39px;
  --fi-type-size-4xl: 49px;
  --fi-type-size-label: 11px;
  --fi-type-size-lg: 20px;
  --fi-type-size-md: 16px;
  --fi-type-size-reading: 17px;
  --fi-type-size-sm: 13px;
  --fi-type-size-xl: 25px;
  --fi-type-style-body-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --fi-type-style-body-size: 16px;
  --fi-type-style-body-weight: 400;
  --fi-type-style-body-line: 1.5;
  --fi-type-style-body-tracking: 0em;
  --fi-type-style-body-sm-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --fi-type-style-body-sm-size: 13px;
  --fi-type-style-body-sm-weight: 400;
  --fi-type-style-body-sm-line: 1.54;
  --fi-type-style-body-sm-tracking: 0em;
  --fi-type-style-data-family: "IBM Plex Mono", Consolas, ui-monospace, monospace;
  --fi-type-style-data-size: 13px;
  --fi-type-style-data-weight: 500;
  --fi-type-style-data-line: 1.54;
  --fi-type-style-data-tracking: 0em;
  --fi-type-style-display-family: Newsreader, Georgia, serif;
  --fi-type-style-display-size: 49px;
  --fi-type-style-display-weight: 500;
  --fi-type-style-display-line: 1.15;
  --fi-type-style-display-tracking: -0.01em;
  --fi-type-style-eyebrow-family: "IBM Plex Mono", Consolas, ui-monospace, monospace;
  --fi-type-style-eyebrow-size: 11px;
  --fi-type-style-eyebrow-weight: 500;
  --fi-type-style-eyebrow-line: 1.45;
  --fi-type-style-eyebrow-tracking: 0.14em;
  --fi-type-style-h1-family: Newsreader, Georgia, serif;
  --fi-type-style-h1-size: 39px;
  --fi-type-style-h1-weight: 500;
  --fi-type-style-h1-line: 1.18;
  --fi-type-style-h1-tracking: -0.01em;
  --fi-type-style-h2-family: Newsreader, Georgia, serif;
  --fi-type-style-h2-size: 31px;
  --fi-type-style-h2-weight: 500;
  --fi-type-style-h2-line: 1.22;
  --fi-type-style-h2-tracking: -0.005em;
  --fi-type-style-h3-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --fi-type-style-h3-size: 20px;
  --fi-type-style-h3-weight: 600;
  --fi-type-style-h3-line: 1.4;
  --fi-type-style-h3-tracking: -0.005em;
  --fi-type-style-headline-family: Newsreader, Georgia, serif;
  --fi-type-style-headline-size: 20px;
  --fi-type-style-headline-weight: 500;
  --fi-type-style-headline-line: 1.4;
  --fi-type-style-headline-tracking: 0em;
  --fi-type-style-label-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --fi-type-style-label-size: 13px;
  --fi-type-style-label-weight: 600;
  --fi-type-style-label-line: 1.54;
  --fi-type-style-label-tracking: 0em;
  --fi-type-style-lead-family: Newsreader, Georgia, serif;
  --fi-type-style-lead-size: 20px;
  --fi-type-style-lead-weight: 400;
  --fi-type-style-lead-line: 1.5;
  --fi-type-style-lead-tracking: 0em;
  --fi-type-style-reading-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --fi-type-style-reading-size: 17px;
  --fi-type-style-reading-weight: 400;
  --fi-type-style-reading-line: 1.75;
  --fi-type-style-reading-tracking: 0em;
  --fi-type-weight-medium: 500;
  --fi-type-weight-regular: 400;
  --fi-type-weight-semibold: 600;
}

:root,
[data-theme="light"] {
  color-scheme: light;
  --fi-color-bg-canvas: #FAFCFA;
  --fi-color-bg-disabled: #8A9788;
  --fi-color-bg-hover: #EAEEEC;
  --fi-color-bg-inverse: #141815;
  --fi-color-bg-paper: #FFFFFF;
  --fi-color-bg-raised: #FFFFFF;
  --fi-color-bg-scrim: #14181599;
  --fi-color-bg-selected: #E2E6E4;
  --fi-color-bg-sidebar: #F3F6F4;
  --fi-color-bg-sunken: #F3F6F4;
  --fi-color-bg-surface: #FFFFFF;
  --fi-color-border-default: #D0D1D0;
  --fi-color-border-strong: #898B8A;
  --fi-color-border-subtle: #E3E4E3;
  --fi-color-critical-border: #DC2626;
  --fi-color-critical-fill: #B91C1C;
  --fi-color-critical-on-fill: #FFFFFF;
  --fi-color-critical-on-subtle: #B91C1C;
  --fi-color-critical-subtle: #FEF2F2;
  --fi-color-critical-text: #B91C1C;
  --fi-color-focus-ring: #2D6B53;
  --fi-color-signal-border: #3D8B6E;
  --fi-color-signal-fill: #047857;
  --fi-color-signal-fill-hover: #065F46;
  --fi-color-signal-on-fill: #FFFFFF;
  --fi-color-signal-on-subtle: #1F5642;
  --fi-color-signal-subtle: #EDF5F1;
  --fi-color-signal-text: #2D6B53;
  --fi-color-text-disabled: #7C837D;
  --fi-color-text-inverse: #FAFCFA;
  --fi-color-text-muted: #5F6662;
  --fi-color-text-on-disabled: #FFFFFF;
  --fi-color-text-primary: #141815;
  --fi-color-text-reading: #343935;
  --fi-color-text-secondary: #4B504B;
  --fi-color-warning-border: #D97706;
  --fi-color-warning-on-subtle: #92400E;
  --fi-color-warning-subtle: #FFFBEB;
  --fi-color-warning-text: #B45309;
  --fi-elevation-0: none;
  --fi-elevation-1: 0px 4px 12px 0px #0A0A0A14;
  --fi-elevation-2: 0px 18px 50px 0px #0A0A0A2E;
}

[data-theme="dark"] {
  color-scheme: dark;
  --fi-color-bg-canvas: #191C1A;
  --fi-color-bg-disabled: #3A403B;
  --fi-color-bg-hover: #252826;
  --fi-color-bg-inverse: #E9ECEA;
  --fi-color-bg-paper: #191C1A;
  --fi-color-bg-raised: #1F2220;
  --fi-color-bg-scrim: #0A0D0B52;
  --fi-color-bg-selected: #2B2E2C;
  --fi-color-bg-sidebar: #141714;
  --fi-color-bg-sunken: #232624;
  --fi-color-bg-surface: #1F2220;
  --fi-color-border-default: #2B2E2C;
  --fi-color-border-strong: #8C8F8D;
  --fi-color-border-subtle: #202321;
  --fi-color-critical-border: #DC2626;
  --fi-color-critical-fill: #EF4444;
  --fi-color-critical-on-fill: #0A0D0B;
  --fi-color-critical-on-subtle: #FEE2E2;
  --fi-color-critical-subtle: #450A0A;
  --fi-color-critical-text: #F87171;
  --fi-color-focus-ring: #6FBF9F;
  --fi-color-signal-border: #56A888;
  --fi-color-signal-fill: #10B981;
  --fi-color-signal-fill-hover: #34D399;
  --fi-color-signal-on-fill: #0A0D0B;
  --fi-color-signal-on-subtle: #A9D8C4;
  --fi-color-signal-subtle: #1C231F;
  --fi-color-signal-text: #6FBF9F;
  --fi-color-text-disabled: #6E716F;
  --fi-color-text-inverse: #141714;
  --fi-color-text-muted: #979A98;
  --fi-color-text-on-disabled: #9DA09E;
  --fi-color-text-primary: #CED1CF;
  --fi-color-text-reading: #D4D7D5;
  --fi-color-text-secondary: #ACAFAD;
  --fi-color-warning-border: #B45309;
  --fi-color-warning-on-subtle: #FEF3C7;
  --fi-color-warning-subtle: #451A03;
  --fi-color-warning-text: #FBBF24;
  --fi-elevation-0: none;
  --fi-elevation-1: 0px 4px 12px 0px #0A0A0A80;
  --fi-elevation-2: 0px 18px 50px 0px #0A0A0AB3;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --fi-color-bg-canvas: #191C1A;
    --fi-color-bg-disabled: #3A403B;
    --fi-color-bg-hover: #252826;
    --fi-color-bg-inverse: #E9ECEA;
    --fi-color-bg-paper: #191C1A;
    --fi-color-bg-raised: #1F2220;
    --fi-color-bg-scrim: #0A0D0B52;
    --fi-color-bg-selected: #2B2E2C;
    --fi-color-bg-sidebar: #141714;
    --fi-color-bg-sunken: #232624;
    --fi-color-bg-surface: #1F2220;
    --fi-color-border-default: #2B2E2C;
    --fi-color-border-strong: #8C8F8D;
    --fi-color-border-subtle: #202321;
    --fi-color-critical-border: #DC2626;
    --fi-color-critical-fill: #EF4444;
    --fi-color-critical-on-fill: #0A0D0B;
    --fi-color-critical-on-subtle: #FEE2E2;
    --fi-color-critical-subtle: #450A0A;
    --fi-color-critical-text: #F87171;
    --fi-color-focus-ring: #6FBF9F;
    --fi-color-signal-border: #56A888;
    --fi-color-signal-fill: #10B981;
    --fi-color-signal-fill-hover: #34D399;
    --fi-color-signal-on-fill: #0A0D0B;
    --fi-color-signal-on-subtle: #A9D8C4;
    --fi-color-signal-subtle: #1C231F;
    --fi-color-signal-text: #6FBF9F;
    --fi-color-text-disabled: #6E716F;
    --fi-color-text-inverse: #141714;
    --fi-color-text-muted: #979A98;
    --fi-color-text-on-disabled: #9DA09E;
    --fi-color-text-primary: #CED1CF;
    --fi-color-text-reading: #D4D7D5;
    --fi-color-text-secondary: #ACAFAD;
    --fi-color-warning-border: #B45309;
    --fi-color-warning-on-subtle: #FEF3C7;
    --fi-color-warning-subtle: #451A03;
    --fi-color-warning-text: #FBBF24;
    --fi-elevation-0: none;
    --fi-elevation-1: 0px 4px 12px 0px #0A0A0A80;
    --fi-elevation-2: 0px 18px 50px 0px #0A0A0AB3;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --fi-motion-duration-base: 0ms;
    --fi-motion-duration-fast: 0ms;
    --fi-motion-duration-instant: 0ms;
    --fi-motion-duration-slow: 0ms;
  }
}