/* =========================================================================== Design tokens, generated from Figma. DO NOT EDIT BY HAND. --------------------------------------------------------------------------- Source of truth: the Figma file's variable collections. Regenerate: figma_export_tokens (configPath tools/redesign/tokens.config.json) then python3 tools/redesign/sync-tokens.py The exporter's own block order puts an equal-specificity :root after .dark, which would make dark mode dead on arrival. sync-tokens.py reorders and re-selectors the mode blocks; see its docstring. Theme resolution, in cascade order: :root light, the default prefers-color-scheme: dark follows the OS :root[data-theme="dark"] explicit toggle, wins both ways =========================================================================== */ /* --- Primitives: raw scales, mode-independent --------------- */ :root { --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; --space-10: 128px; --space-gutter: 51px; --layout-measure: 512px; --layout-shell-max: 1408px; --radius-chip: 999px; --radius-card: 14px; --radius-frame: 10px; --radius-focus: 4px; --font-size-display: 96px; --font-size-hero: 80px; --font-size-title: 48px; --font-size-section: 32px; --font-size-lead: 21px; --font-size-body: 16px; --font-size-small: 14px; --font-size-micro: 12px; --font-size-label: 11px; --font-size-stat: 50px; --slate-100: #F4F5F9; --slate-200: #E4E6F0; --slate-300: #CBCEDF; --slate-400: #A8ADC7; --slate-500: #7D82A3; --slate-600: #5C6080; --slate-700: #454866; --slate-800: #2F3149; --slate-900: #1C1D2E; --indigo-100: #E8E9FD; --indigo-200: #C7CAFB; --indigo-300: #A0A5F7; --indigo-400: #7A7FF0; --indigo-500: #5A5FE0; --indigo-600: #4548BE; --indigo-700: #34379A; --indigo-800: #252775; --indigo-900: #181A52; --blue-100: #E6F0FF; --blue-200: #BFDAFF; --blue-300: #8FC0FF; --blue-400: #5FA3FF; --blue-500: #3B85F5; --blue-600: #2A68CC; --blue-700: #1F4FA0; --blue-800: #173A78; --blue-900: #0F2650; --violet-100: #F1E9FE; --violet-200: #DFCCFC; --violet-300: #C6A6F8; --violet-400: #AB7FF2; --violet-500: #9260E6; --violet-600: #7548C4; --violet-700: #5B369D; --violet-800: #432876; --violet-900: #2C1A4E; --purple-100: #F7E8FB; --purple-200: #EBC8F5; --purple-300: #DA9DEB; --purple-400: #C56FDD; --purple-500: #AC4CC9; --purple-600: #8A38A3; --purple-700: #6B2A7F; --purple-800: #4E1E5C; --purple-900: #33143C; --fuchsia-100: #FDE8F3; --fuchsia-200: #FAC2E1; --fuchsia-300: #F492C9; --fuchsia-400: #EA5FAC; --fuchsia-500: #D63C90; --fuchsia-600: #AE2C73; --fuchsia-700: #872059; --fuchsia-800: #611640; --fuchsia-900: #3D0E29; --slate-1000: #12131F; --indigo-1000: #0F1038; --blue-1000: #0A1A38; --violet-1000: #1D1136; --purple-1000: #240E2A; --fuchsia-1000: #2A0A1C; --black-100: #0A0A0A0D; --black-200: #0A0A0A1A; --black-300: #0A0A0A33; --black-400: #0A0A0A66; --black-500: #0A0A0AB3; --black-600: #0A0A0ACC; --black-700: #0A0A0AD9; --black-800: #0A0A0AE6; --black-900: #0A0A0AF2; --black-1000: #0A0A0A; --white-100: #FFFFFF0D; --white-200: #FFFFFF1A; --white-300: #FFFFFF33; --white-400: #FFFFFF66; --white-500: #FFFFFFB3; --white-600: #FFFFFFCC; --white-700: #FFFFFFD9; --white-800: #FFFFFFE6; --white-900: #FFFFFFF2; --white-1000: #FFFFFF; --red-100: #FEEAEA; --red-200: #FBC7C7; --red-300: #F59B9B; --red-400: #ED6B6B; --red-500: #E23F3F; --red-600: #C22E2E; --red-700: #9E2222; --red-800: #7A1919; --red-900: #571010; --red-1000: #3A0A0A; --green-100: #E7F9EE; --green-200: #C3F0D4; --green-300: #93E2B0; --green-400: #5FCE88; --green-500: #34B563; --green-600: #25934C; --green-700: #1C733B; --green-800: #14542B; --green-900: #0D371C; --green-1000: #082412; --yellow-100: #FFF7DE; --yellow-200: #FFEBAD; --yellow-300: #FFDB73; --yellow-400: #FBC53D; --yellow-500: #EDAB1B; --yellow-600: #C68812; --yellow-700: #9E690E; --yellow-800: #754D0A; --yellow-900: #503307; --yellow-1000: #332005; --slate-500-05: #7D82A30D; --slate-500-10: #7D82A31A; --slate-500-25: #7D82A340; --slate-500-50: #7D82A380; --slate-500-75: #7D82A3BF; --indigo-500-05: #5A5FE00D; --indigo-500-10: #5A5FE01A; --indigo-500-25: #5A5FE040; --indigo-500-50: #5A5FE080; --indigo-500-75: #5A5FE0BF; --blue-500-05: #3B85F50D; --blue-500-10: #3B85F51A; --blue-500-25: #3B85F540; --blue-500-50: #3B85F580; --blue-500-75: #3B85F5BF; --violet-500-05: #9260E60D; --violet-500-10: #9260E61A; --violet-500-25: #9260E640; --violet-500-50: #9260E680; --violet-500-75: #9260E6BF; --purple-500-05: #AC4CC90D; --purple-500-10: #AC4CC91A; --purple-500-25: #AC4CC940; --purple-500-50: #AC4CC980; --purple-500-75: #AC4CC9BF; --fuchsia-500-05: #D63C900D; --fuchsia-500-10: #D63C901A; --fuchsia-500-25: #D63C9040; --fuchsia-500-50: #D63C9080; --fuchsia-500-75: #D63C90BF; --red-500-05: #E23F3F0D; --red-500-10: #E23F3F1A; --red-500-25: #E23F3F40; --red-500-50: #E23F3F80; --red-500-75: #E23F3FBF; --green-500-05: #34B5630D; --green-500-10: #34B5631A; --green-500-25: #34B56340; --green-500-50: #34B56380; --green-500-75: #34B563BF; --yellow-500-05: #EDAB1B0D; --yellow-500-10: #EDAB1B1A; --yellow-500-25: #EDAB1B40; --yellow-500-50: #EDAB1B80; --yellow-500-75: #EDAB1BBF; --family-sans: Inter; --family-serif: "Instrument Serif"; --scale-01: 11px; --scale-02: 12px; --scale-03: 14px; --scale-04: 16px; --scale-05: 18px; --scale-06: 21px; --scale-07: 24px; --scale-08: 32px; --scale-09: 48px; --scale-10: 64px; --scale-11: 80px; --scale-12: 96px; --weight-regular: Regular; --weight-medium: Medium; --weight-semibold: "Semi Bold"; --weight-bold: Bold; --title-hero-font-family: var(--family-serif); --title-hero-size: var(--scale-12); --title-hero-font-weight: var(--weight-regular); --title-page-font-family: var(--family-serif); --title-page-size: var(--scale-11); --title-page-font-weight: var(--weight-regular); --subtitle-font-family: var(--family-serif); --subtitle-size: var(--scale-09); --subtitle-font-weight: var(--weight-regular); --heading-font-family: var(--family-sans); --heading-size: var(--scale-07); --heading-font-weight: var(--weight-semibold); --subheading-font-family: var(--family-sans); --subheading-size: var(--scale-06); --subheading-font-weight: var(--weight-medium); --body-font-family: var(--family-sans); --body-size: var(--scale-04); --body-font-weight: var(--weight-regular); --code-font-family: var(--family-sans); --code-size: var(--scale-03); --code-font-weight: var(--weight-regular); } /* --- Semantic: light, the default --------------------------- */ :root { --background-default-default: var(--white-100); --background-default-hover: var(--slate-200); --background-default-secondary: var(--slate-200); --background-default-secondary-hover: var(--slate-300); --background-default-tertiary: var(--slate-300); --background-default-tertiary-hover: var(--slate-400); --background-neutral-default: var(--slate-100); --background-neutral-hover: var(--slate-200); --background-neutral-secondary: var(--slate-200); --background-neutral-secondary-hover: var(--slate-300); --background-neutral-tertiary: var(--slate-300); --background-neutral-tertiary-hover: var(--slate-400); --background-brand-default: var(--indigo-500); --background-brand-hover: var(--indigo-600); --background-brand-secondary: var(--indigo-200); --background-brand-secondary-hover: var(--indigo-300); --background-brand-tertiary: var(--indigo-100); --background-brand-tertiary-hover: var(--indigo-200); --background-positive-default: var(--green-500); --background-positive-hover: var(--green-600); --background-positive-secondary: var(--green-200); --background-positive-secondary-hover: var(--green-300); --background-positive-tertiary: var(--green-100); --background-positive-tertiary-hover: var(--green-200); --background-warning-default: var(--yellow-500); --background-warning-hover: var(--yellow-600); --background-warning-secondary: var(--yellow-200); --background-warning-secondary-hover: var(--yellow-300); --background-warning-tertiary: var(--yellow-100); --background-warning-tertiary-hover: var(--yellow-200); --background-danger-default: var(--red-500); --background-danger-hover: var(--red-600); --background-danger-secondary: var(--red-200); --background-danger-secondary-hover: var(--red-300); --background-danger-tertiary: var(--red-100); --background-danger-tertiary-hover: var(--red-200); --background-disabled-default: var(--slate-200); --text-default-default: var(--slate-900); --text-default-secondary: var(--slate-700); --text-default-tertiary: var(--slate-600); --text-neutral-default: var(--slate-800); --text-neutral-hover: var(--slate-900); --text-neutral-secondary: var(--slate-700); --text-neutral-secondary-hover: var(--slate-800); --text-neutral-tertiary: var(--slate-600); --text-neutral-tertiary-hover: var(--slate-700); --text-brand-default: var(--indigo-700); --text-brand-hover: var(--indigo-800); --text-brand-secondary: var(--indigo-600); --text-brand-secondary-hover: var(--indigo-700); --text-brand-tertiary: var(--indigo-500); --text-brand-tertiary-hover: var(--indigo-600); --text-positive-default: var(--green-700); --text-positive-hover: var(--green-800); --text-positive-secondary: var(--green-600); --text-positive-secondary-hover: var(--green-700); --text-positive-tertiary: var(--green-500); --text-positive-tertiary-hover: var(--green-600); --text-warning-default: var(--yellow-700); --text-warning-hover: var(--yellow-800); --text-warning-secondary: var(--yellow-600); --text-warning-secondary-hover: var(--yellow-700); --text-warning-tertiary: var(--yellow-500); --text-warning-tertiary-hover: var(--yellow-600); --text-danger-default: var(--red-700); --text-danger-hover: var(--red-800); --text-danger-secondary: var(--red-600); --text-danger-secondary-hover: var(--red-700); --text-danger-tertiary: var(--red-500); --text-danger-tertiary-hover: var(--red-600); --text-disabled-default: var(--slate-400); --text-disabled-secondary: var(--slate-500); --border-default-default: var(--slate-100); --border-default-secondary: var(--slate-200); --border-default-tertiary: var(--slate-300); --border-neutral-default: var(--slate-300); --border-neutral-secondary: var(--slate-400); --border-neutral-tertiary: var(--slate-500); --border-brand-default: var(--indigo-500); --border-brand-secondary: var(--indigo-400); --border-brand-tertiary: var(--indigo-300); --border-positive-default: var(--green-500); --border-positive-secondary: var(--green-400); --border-positive-tertiary: var(--green-300); --border-warning-default: var(--yellow-500); --border-warning-secondary: var(--yellow-400); --border-warning-tertiary: var(--yellow-300); --border-danger-default: var(--red-500); --border-danger-secondary: var(--red-400); --border-danger-tertiary: var(--red-300); --border-disabled-default: var(--slate-300); --icon-default-default: var(--slate-900); --icon-default-secondary: var(--slate-700); --icon-default-tertiary: var(--slate-500); --icon-brand-default: var(--indigo-600); --icon-brand-secondary: var(--indigo-700); --icon-brand-tertiary: var(--indigo-800); --icon-positive-default: var(--green-600); --icon-positive-secondary: var(--green-700); --icon-positive-tertiary: var(--green-800); --icon-warning-default: var(--yellow-600); --icon-warning-secondary: var(--yellow-700); --icon-warning-tertiary: var(--yellow-800); --icon-danger-default: var(--red-600); --icon-danger-secondary: var(--red-700); --icon-danger-tertiary: var(--red-800); --background-default-05: #F4F5F90D; --background-default-10: #F4F5F91A; --background-default-25: #F4F5F940; --background-default-50: #F4F5F980; --background-default-75: #F4F5F9BF; --background-neutral-05: #F4F5F90D; --background-neutral-10: #F4F5F91A; --background-neutral-25: #F4F5F940; --background-neutral-50: #F4F5F980; --background-neutral-75: #F4F5F9BF; --background-brand-05: #5A5FE00D; --background-brand-10: #5A5FE01A; --background-brand-25: #5A5FE040; --background-brand-50: #5A5FE080; --background-brand-75: #5A5FE0BF; --background-positive-05: #34B5630D; --background-positive-10: #34B5631A; --background-positive-25: #34B56340; --background-positive-50: #34B56380; --background-positive-75: #34B563BF; --background-warning-05: #EDAB1B0D; --background-warning-10: #EDAB1B1A; --background-warning-25: #EDAB1B40; --background-warning-50: #EDAB1B80; --background-warning-75: #EDAB1BBF; --background-danger-05: #E23F3F0D; --background-danger-10: #E23F3F1A; --background-danger-25: #E23F3F40; --background-danger-50: #E23F3F80; --background-danger-75: #E23F3FBF; --background-disabled-05: #E4E6F00D; --background-disabled-10: #E4E6F01A; --background-disabled-25: #E4E6F040; --background-disabled-50: #E4E6F080; --background-disabled-75: #E4E6F0BF; --text-brand-on-brand: var(--white-1000); --text-positive-on-positive: var(--white-1000); --text-danger-on-danger: var(--white-1000); --text-warning-on-warning: var(--yellow-1000); --text-neutral-on-neutral: var(--slate-900); --icon-brand-on-brand: var(--white-1000); --icon-positive-on-positive: var(--white-1000); --icon-danger-on-danger: var(--white-1000); --icon-warning-on-warning: var(--yellow-1000); --shadow-window: #171A381A; --glass-surface-base: #FFFFFF99; --glass-surface-raised: #FFFFFFB8; --glass-surface-sunken: #F2F2FC8C; --glass-border-hairline: #FFFFFFD9; --glass-border-strong: #595EE038; --glass-highlight: #FFFFFFF2; --glass-glow-indigo: #595EE047; --glass-glow-violet: #9161E53D; --glass-glow-fuchsia: #D63D8F2E; --glass-edge-top: #FFFFFFB2; --glass-edge-mid: #FFFFFF47; --glass-edge-bottom: #595EE017; --glass-inner-highlight: #FFFFFF66; --glass-inner-shade: #33367308; --glass-contact: #3336730F; } /* --- Semantic: dark, following the OS ----------------------- */ @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --background-default-default: var(--black-900); --background-default-hover: var(--black-800); --background-default-secondary: var(--black-800); --background-default-secondary-hover: var(--black-700); --background-default-tertiary: var(--black-700); --background-default-tertiary-hover: var(--black-600); --background-neutral-default: var(--slate-900); --background-neutral-hover: var(--slate-800); --background-neutral-secondary: var(--slate-800); --background-neutral-secondary-hover: var(--slate-700); --background-neutral-tertiary: var(--slate-700); --background-neutral-tertiary-hover: var(--slate-600); --background-brand-default: var(--indigo-600); --background-brand-hover: var(--indigo-500); --background-brand-secondary: var(--indigo-700); --background-brand-secondary-hover: var(--indigo-600); --background-brand-tertiary: var(--indigo-800); --background-brand-tertiary-hover: var(--indigo-700); --background-positive-default: var(--green-600); --background-positive-hover: var(--green-500); --background-positive-secondary: var(--green-700); --background-positive-secondary-hover: var(--green-600); --background-positive-tertiary: var(--green-800); --background-positive-tertiary-hover: var(--green-700); --background-warning-default: var(--yellow-600); --background-warning-hover: var(--yellow-500); --background-warning-secondary: var(--yellow-700); --background-warning-secondary-hover: var(--yellow-600); --background-warning-tertiary: var(--yellow-800); --background-warning-tertiary-hover: var(--yellow-700); --background-danger-default: var(--red-600); --background-danger-hover: var(--red-500); --background-danger-secondary: var(--red-700); --background-danger-secondary-hover: var(--red-600); --background-danger-tertiary: var(--red-800); --background-danger-tertiary-hover: var(--red-700); --background-disabled-default: var(--slate-800); --text-default-default: var(--slate-100); --text-default-secondary: var(--slate-300); --text-default-tertiary: var(--slate-500); --text-neutral-default: var(--slate-200); --text-neutral-hover: var(--slate-100); --text-neutral-secondary: var(--slate-300); --text-neutral-secondary-hover: var(--slate-200); --text-neutral-tertiary: var(--slate-400); --text-neutral-tertiary-hover: var(--slate-300); --text-brand-default: var(--indigo-300); --text-brand-hover: var(--indigo-200); --text-brand-secondary: var(--indigo-400); --text-brand-secondary-hover: var(--indigo-300); --text-brand-tertiary: var(--indigo-500); --text-brand-tertiary-hover: var(--indigo-400); --text-positive-default: var(--green-300); --text-positive-hover: var(--green-200); --text-positive-secondary: var(--green-400); --text-positive-secondary-hover: var(--green-300); --text-positive-tertiary: var(--green-500); --text-positive-tertiary-hover: var(--green-400); --text-warning-default: var(--yellow-300); --text-warning-hover: var(--yellow-200); --text-warning-secondary: var(--yellow-400); --text-warning-secondary-hover: var(--yellow-300); --text-warning-tertiary: var(--yellow-500); --text-warning-tertiary-hover: var(--yellow-400); --text-danger-default: var(--red-300); --text-danger-hover: var(--red-200); --text-danger-secondary: var(--red-400); --text-danger-secondary-hover: var(--red-300); --text-danger-tertiary: var(--red-500); --text-danger-tertiary-hover: var(--red-400); --text-disabled-default: var(--slate-600); --text-disabled-secondary: var(--slate-500); --border-default-default: var(--slate-700); --border-default-secondary: var(--slate-600); --border-default-tertiary: var(--slate-500); --border-neutral-default: var(--slate-700); --border-neutral-secondary: var(--slate-600); --border-neutral-tertiary: var(--slate-500); --border-brand-default: var(--indigo-500); --border-brand-secondary: var(--indigo-600); --border-brand-tertiary: var(--indigo-700); --border-positive-default: var(--green-500); --border-positive-secondary: var(--green-600); --border-positive-tertiary: var(--green-700); --border-warning-default: var(--yellow-500); --border-warning-secondary: var(--yellow-600); --border-warning-tertiary: var(--yellow-700); --border-danger-default: var(--red-500); --border-danger-secondary: var(--red-600); --border-danger-tertiary: var(--red-700); --border-disabled-default: var(--slate-700); --icon-default-default: var(--slate-100); --icon-default-secondary: var(--slate-300); --icon-default-tertiary: var(--slate-500); --icon-brand-default: var(--indigo-400); --icon-brand-secondary: var(--indigo-300); --icon-brand-tertiary: var(--indigo-200); --icon-positive-default: var(--green-400); --icon-positive-secondary: var(--green-300); --icon-positive-tertiary: var(--green-200); --icon-warning-default: var(--yellow-400); --icon-warning-secondary: var(--yellow-300); --icon-warning-tertiary: var(--yellow-200); --icon-danger-default: var(--red-400); --icon-danger-secondary: var(--red-300); --icon-danger-tertiary: var(--red-200); --background-default-05: #1C1D2E0D; --background-default-10: #1C1D2E1A; --background-default-25: #1C1D2E40; --background-default-50: #1C1D2E80; --background-default-75: #1C1D2EBF; --background-neutral-05: #1C1D2E0D; --background-neutral-10: #1C1D2E1A; --background-neutral-25: #1C1D2E40; --background-neutral-50: #1C1D2E80; --background-neutral-75: #1C1D2EBF; --background-brand-05: #4548BE0D; --background-brand-10: #4548BE1A; --background-brand-25: #4548BE40; --background-brand-50: #4548BE80; --background-brand-75: #4548BEBF; --background-positive-05: #25934C0D; --background-positive-10: #25934C1A; --background-positive-25: #25934C40; --background-positive-50: #25934C80; --background-positive-75: #25934CBF; --background-warning-05: #C688120D; --background-warning-10: #C688121A; --background-warning-25: #C6881240; --background-warning-50: #C6881280; --background-warning-75: #C68812BF; --background-danger-05: #C22E2E0D; --background-danger-10: #C22E2E1A; --background-danger-25: #C22E2E40; --background-danger-50: #C22E2E80; --background-danger-75: #C22E2EBF; --background-disabled-05: #2F31490D; --background-disabled-10: #2F31491A; --background-disabled-25: #2F314940; --background-disabled-50: #2F314980; --background-disabled-75: #2F3149BF; --text-brand-on-brand: var(--white-1000); --text-positive-on-positive: var(--white-1000); --text-danger-on-danger: var(--white-1000); --text-warning-on-warning: var(--yellow-1000); --text-neutral-on-neutral: var(--slate-100); --icon-brand-on-brand: var(--white-1000); --icon-positive-on-positive: var(--white-1000); --icon-danger-on-danger: var(--white-1000); --icon-warning-on-warning: var(--yellow-1000); --shadow-window: #0000008C; --glass-surface-base: #1C1F368C; --glass-surface-raised: #292B4D80; --glass-surface-sunken: #12142673; --glass-border-hairline: #FFFFFF1F; --glass-border-strong: #FFFFFF33; --glass-highlight: #FFFFFF29; --glass-glow-indigo: #595EE066; --glass-glow-violet: #9161E559; --glass-glow-fuchsia: #D63D8F47; --glass-edge-top: #FFFFFF24; --glass-edge-mid: #FFFFFF0D; --glass-edge-bottom: #FFFFFF05; --glass-inner-highlight: #FFFFFF12; --glass-inner-shade: #00000012; --glass-contact: #00000029; } } /* --- Semantic: dark, explicitly chosen ---------------------- */ :root[data-theme="dark"] { --background-default-default: var(--black-900); --background-default-hover: var(--black-800); --background-default-secondary: var(--black-800); --background-default-secondary-hover: var(--black-700); --background-default-tertiary: var(--black-700); --background-default-tertiary-hover: var(--black-600); --background-neutral-default: var(--slate-900); --background-neutral-hover: var(--slate-800); --background-neutral-secondary: var(--slate-800); --background-neutral-secondary-hover: var(--slate-700); --background-neutral-tertiary: var(--slate-700); --background-neutral-tertiary-hover: var(--slate-600); --background-brand-default: var(--indigo-600); --background-brand-hover: var(--indigo-500); --background-brand-secondary: var(--indigo-700); --background-brand-secondary-hover: var(--indigo-600); --background-brand-tertiary: var(--indigo-800); --background-brand-tertiary-hover: var(--indigo-700); --background-positive-default: var(--green-600); --background-positive-hover: var(--green-500); --background-positive-secondary: var(--green-700); --background-positive-secondary-hover: var(--green-600); --background-positive-tertiary: var(--green-800); --background-positive-tertiary-hover: var(--green-700); --background-warning-default: var(--yellow-600); --background-warning-hover: var(--yellow-500); --background-warning-secondary: var(--yellow-700); --background-warning-secondary-hover: var(--yellow-600); --background-warning-tertiary: var(--yellow-800); --background-warning-tertiary-hover: var(--yellow-700); --background-danger-default: var(--red-600); --background-danger-hover: var(--red-500); --background-danger-secondary: var(--red-700); --background-danger-secondary-hover: var(--red-600); --background-danger-tertiary: var(--red-800); --background-danger-tertiary-hover: var(--red-700); --background-disabled-default: var(--slate-800); --text-default-default: var(--slate-100); --text-default-secondary: var(--slate-300); --text-default-tertiary: var(--slate-500); --text-neutral-default: var(--slate-200); --text-neutral-hover: var(--slate-100); --text-neutral-secondary: var(--slate-300); --text-neutral-secondary-hover: var(--slate-200); --text-neutral-tertiary: var(--slate-400); --text-neutral-tertiary-hover: var(--slate-300); --text-brand-default: var(--indigo-300); --text-brand-hover: var(--indigo-200); --text-brand-secondary: var(--indigo-400); --text-brand-secondary-hover: var(--indigo-300); --text-brand-tertiary: var(--indigo-500); --text-brand-tertiary-hover: var(--indigo-400); --text-positive-default: var(--green-300); --text-positive-hover: var(--green-200); --text-positive-secondary: var(--green-400); --text-positive-secondary-hover: var(--green-300); --text-positive-tertiary: var(--green-500); --text-positive-tertiary-hover: var(--green-400); --text-warning-default: var(--yellow-300); --text-warning-hover: var(--yellow-200); --text-warning-secondary: var(--yellow-400); --text-warning-secondary-hover: var(--yellow-300); --text-warning-tertiary: var(--yellow-500); --text-warning-tertiary-hover: var(--yellow-400); --text-danger-default: var(--red-300); --text-danger-hover: var(--red-200); --text-danger-secondary: var(--red-400); --text-danger-secondary-hover: var(--red-300); --text-danger-tertiary: var(--red-500); --text-danger-tertiary-hover: var(--red-400); --text-disabled-default: var(--slate-600); --text-disabled-secondary: var(--slate-500); --border-default-default: var(--slate-700); --border-default-secondary: var(--slate-600); --border-default-tertiary: var(--slate-500); --border-neutral-default: var(--slate-700); --border-neutral-secondary: var(--slate-600); --border-neutral-tertiary: var(--slate-500); --border-brand-default: var(--indigo-500); --border-brand-secondary: var(--indigo-600); --border-brand-tertiary: var(--indigo-700); --border-positive-default: var(--green-500); --border-positive-secondary: var(--green-600); --border-positive-tertiary: var(--green-700); --border-warning-default: var(--yellow-500); --border-warning-secondary: var(--yellow-600); --border-warning-tertiary: var(--yellow-700); --border-danger-default: var(--red-500); --border-danger-secondary: var(--red-600); --border-danger-tertiary: var(--red-700); --border-disabled-default: var(--slate-700); --icon-default-default: var(--slate-100); --icon-default-secondary: var(--slate-300); --icon-default-tertiary: var(--slate-500); --icon-brand-default: var(--indigo-400); --icon-brand-secondary: var(--indigo-300); --icon-brand-tertiary: var(--indigo-200); --icon-positive-default: var(--green-400); --icon-positive-secondary: var(--green-300); --icon-positive-tertiary: var(--green-200); --icon-warning-default: var(--yellow-400); --icon-warning-secondary: var(--yellow-300); --icon-warning-tertiary: var(--yellow-200); --icon-danger-default: var(--red-400); --icon-danger-secondary: var(--red-300); --icon-danger-tertiary: var(--red-200); --background-default-05: #1C1D2E0D; --background-default-10: #1C1D2E1A; --background-default-25: #1C1D2E40; --background-default-50: #1C1D2E80; --background-default-75: #1C1D2EBF; --background-neutral-05: #1C1D2E0D; --background-neutral-10: #1C1D2E1A; --background-neutral-25: #1C1D2E40; --background-neutral-50: #1C1D2E80; --background-neutral-75: #1C1D2EBF; --background-brand-05: #4548BE0D; --background-brand-10: #4548BE1A; --background-brand-25: #4548BE40; --background-brand-50: #4548BE80; --background-brand-75: #4548BEBF; --background-positive-05: #25934C0D; --background-positive-10: #25934C1A; --background-positive-25: #25934C40; --background-positive-50: #25934C80; --background-positive-75: #25934CBF; --background-warning-05: #C688120D; --background-warning-10: #C688121A; --background-warning-25: #C6881240; --background-warning-50: #C6881280; --background-warning-75: #C68812BF; --background-danger-05: #C22E2E0D; --background-danger-10: #C22E2E1A; --background-danger-25: #C22E2E40; --background-danger-50: #C22E2E80; --background-danger-75: #C22E2EBF; --background-disabled-05: #2F31490D; --background-disabled-10: #2F31491A; --background-disabled-25: #2F314940; --background-disabled-50: #2F314980; --background-disabled-75: #2F3149BF; --text-brand-on-brand: var(--white-1000); --text-positive-on-positive: var(--white-1000); --text-danger-on-danger: var(--white-1000); --text-warning-on-warning: var(--yellow-1000); --text-neutral-on-neutral: var(--slate-100); --icon-brand-on-brand: var(--white-1000); --icon-positive-on-positive: var(--white-1000); --icon-danger-on-danger: var(--white-1000); --icon-warning-on-warning: var(--yellow-1000); --shadow-window: #0000008C; --glass-surface-base: #1C1F368C; --glass-surface-raised: #292B4D80; --glass-surface-sunken: #12142673; --glass-border-hairline: #FFFFFF1F; --glass-border-strong: #FFFFFF33; --glass-highlight: #FFFFFF29; --glass-glow-indigo: #595EE066; --glass-glow-violet: #9161E559; --glass-glow-fuchsia: #D63D8F47; --glass-edge-top: #FFFFFF24; --glass-edge-mid: #FFFFFF0D; --glass-edge-bottom: #FFFFFF05; --glass-inner-highlight: #FFFFFF12; --glass-inner-shade: #00000012; --glass-contact: #00000029; }