/* ============================================================ VULPES TOKENS — ZeroFox (authoritative) Generated verbatim from the DTCG token files the user provided: uploads/vulpes-color/{light,dark}.tokens.json Groups: primitive · semantic (background/foreground) · brand · categories. Do not hand-edit — regenerate from the source JSON if it changes. ============================================================ */ :root, [data-zf-theme='vulpes-light'] { color-scheme: light; --primitive-white: #FFFFFF; --primitive-black: #000000; --primitive-error: rgba(255,0,0,0.08); --primitive-primary-blue-50: #E2F1FC; --primitive-primary-blue-100: #B9DCFA; --primitive-primary-blue-200: #8CC7F7; --primitive-primary-blue-300: #5EB1F3; --primitive-primary-blue-400: #39A0F1; --primitive-primary-blue-500: #0691EF; --primitive-primary-blue-600: #0483E1; --primitive-primary-blue-700: #0072CE; --primitive-primary-blue-800: #0060BC; --primitive-primary-blue-900: #00439D; --primitive-primary-blue-contrast-50: var(--primitive-black); --primitive-primary-blue-contrast-100: var(--primitive-black); --primitive-primary-blue-contrast-200: var(--primitive-black); --primitive-primary-blue-contrast-300: var(--primitive-black); --primitive-primary-blue-contrast-400: var(--primitive-black); --primitive-primary-blue-contrast-500: var(--primitive-black); --primitive-primary-blue-contrast-600: var(--primitive-black); --primitive-primary-blue-contrast-700: var(--primitive-white); --primitive-primary-blue-contrast-800: var(--primitive-white); --primitive-primary-blue-contrast-900: var(--primitive-white); --primitive-confirm-green-50: #E6F6E9; --primitive-confirm-green-100: #C3E7C8; --primitive-confirm-green-200: #9CD8A5; --primitive-confirm-green-300: #73CA80; --primitive-confirm-green-400: #51BE65; --primitive-confirm-green-500: #29B249; --primitive-confirm-green-600: #1FA341; --primitive-confirm-green-700: #0F9135; --primitive-confirm-green-800: #00802A; --primitive-confirm-green-900: #006115; --primitive-confirm-green-contrast-50: var(--primitive-black); --primitive-confirm-green-contrast-100: var(--primitive-black); --primitive-confirm-green-contrast-200: var(--primitive-black); --primitive-confirm-green-contrast-300: var(--primitive-black); --primitive-confirm-green-contrast-400: var(--primitive-black); --primitive-confirm-green-contrast-500: var(--primitive-black); --primitive-confirm-green-contrast-600: var(--primitive-black); --primitive-confirm-green-contrast-700: var(--primitive-black); --primitive-confirm-green-contrast-800: var(--primitive-white); --primitive-confirm-green-contrast-900: var(--primitive-white); --primitive-warn-red-50: #FFEBEE; --primitive-warn-red-100: #FFCDD2; --primitive-warn-red-200: #EF9A9A; --primitive-warn-red-300: #E57373; --primitive-warn-red-400: #EF5350; --primitive-warn-red-500: #F44336; --primitive-warn-red-600: #E53935; --primitive-warn-red-700: #D32F2F; --primitive-warn-red-800: #C62828; --primitive-warn-red-900: #B71B1C; --primitive-warn-red-contrast-50: var(--primitive-black); --primitive-warn-red-contrast-100: var(--primitive-black); --primitive-warn-red-contrast-200: var(--primitive-black); --primitive-warn-red-contrast-300: var(--primitive-black); --primitive-warn-red-contrast-400: var(--primitive-black); --primitive-warn-red-contrast-500: var(--primitive-black); --primitive-warn-red-contrast-600: var(--primitive-black); --primitive-warn-red-contrast-700: var(--primitive-black); --primitive-warn-red-contrast-800: var(--primitive-white); --primitive-warn-red-contrast-900: var(--primitive-white); --primitive-fox-blue-50: #DCEEFF; --primitive-fox-blue-100: #B8D4E9; --primitive-fox-blue-200: #97B5CE; --primitive-fox-blue-300: #7497B4; --primitive-fox-blue-400: #5A81A0; --primitive-fox-blue-500: #3E6C8D; --primitive-fox-blue-600: #224B66; --primitive-fox-blue-700: #1D3C4C; --primitive-fox-blue-800: #002539; --primitive-fox-blue-900: #131E29; --primitive-fox-blue-contrast-50: var(--primitive-fox-blue-900); --primitive-fox-blue-contrast-100: var(--primitive-fox-blue-900); --primitive-fox-blue-contrast-200: var(--primitive-black); --primitive-fox-blue-contrast-300: var(--primitive-black); --primitive-fox-blue-contrast-400: var(--primitive-black); --primitive-fox-blue-contrast-500: var(--primitive-white); --primitive-fox-blue-contrast-600: var(--primitive-fox-blue-100); --primitive-fox-blue-contrast-700: var(--primitive-fox-blue-100); --primitive-fox-blue-contrast-800: var(--primitive-fox-blue-100); --primitive-fox-blue-contrast-900: var(--primitive-fox-blue-100); --primitive-fox-red-50: #FFEAED; --primitive-fox-red-100: #FFCBD0; --primitive-fox-red-200: #F19696; --primitive-fox-red-300: #E86C6D; --primitive-fox-red-400: #F14848; --primitive-fox-red-500: #F6342B; --primitive-fox-red-600: #E7282B; --primitive-fox-red-700: #D51B26; --primitive-fox-red-800: #C8101E; --primitive-fox-red-900: #330608; --primitive-fox-red-contrast-50: var(--primitive-fox-red-900); --primitive-fox-red-contrast-100: var(--primitive-fox-red-900); --primitive-fox-red-contrast-200: var(--primitive-black); --primitive-fox-red-contrast-300: var(--primitive-black); --primitive-fox-red-contrast-400: var(--primitive-black); --primitive-fox-red-contrast-500: var(--primitive-black); --primitive-fox-red-contrast-600: var(--primitive-black); --primitive-fox-red-contrast-700: var(--primitive-white); --primitive-fox-red-contrast-800: var(--primitive-fox-red-50); --primitive-fox-red-contrast-900: var(--primitive-fox-red-100); --primitive-cyber-blue-50: #DFFBFB; --primitive-cyber-blue-100: #B0F4F4; --primitive-cyber-blue-200: #78EDF0; --primitive-cyber-blue-300: #24E4EB; --primitive-cyber-blue-400: #00DDE8; --primitive-cyber-blue-500: #00D6E6; --primitive-cyber-blue-600: #00C5D2; --primitive-cyber-blue-700: #00AFB7; --primitive-cyber-blue-800: #009A9F; --primitive-cyber-blue-900: #0F7785; --primitive-cyber-blue-contrast-50: var(--primitive-cyber-blue-900); --primitive-cyber-blue-contrast-100: var(--primitive-black); --primitive-cyber-blue-contrast-200: var(--primitive-black); --primitive-cyber-blue-contrast-300: var(--primitive-black); --primitive-cyber-blue-contrast-400: var(--primitive-black); --primitive-cyber-blue-contrast-500: var(--primitive-black); --primitive-cyber-blue-contrast-600: var(--primitive-black); --primitive-cyber-blue-contrast-700: var(--primitive-black); --primitive-cyber-blue-contrast-800: var(--primitive-black); --primitive-cyber-blue-contrast-900: var(--primitive-white); --primitive-blue-50: #E2E7FF; --primitive-blue-100: #DBE1FF; --primitive-blue-200: #D5DCFF; --primitive-blue-300: #C5D0FF; --primitive-blue-400: #BAC7FF; --primitive-blue-500: #97ADFF; --primitive-blue-600: #4188FF; --primitive-blue-700: #0071E9; --primitive-blue-800: #005BD3; --primitive-blue-900: #011E43; --primitive-blue-contrast-50: var(--primitive-blue-900); --primitive-blue-contrast-100: var(--primitive-blue-900); --primitive-blue-contrast-200: var(--primitive-blue-900); --primitive-blue-contrast-300: var(--primitive-blue-900); --primitive-blue-contrast-400: var(--primitive-blue-900); --primitive-blue-contrast-500: var(--primitive-black); --primitive-blue-contrast-600: var(--primitive-black); --primitive-blue-contrast-700: var(--primitive-white); --primitive-blue-contrast-800: var(--primitive-blue-50); --primitive-blue-contrast-900: var(--primitive-blue-100); --primitive-azure-50: #D5EBFF; --primitive-azure-100: #CAE6FF; --primitive-azure-200: #C0E1FF; --primitive-azure-300: #A8D8FF; --primitive-azure-400: #91D0FF; --primitive-azure-500: #51C0FF; --primitive-azure-600: #0094D5; --primitive-azure-700: #007CB4; --primitive-azure-800: #00679B; --primitive-azure-900: #012E45; --primitive-azure-contrast-50: var(--primitive-azure-900); --primitive-azure-contrast-100: var(--primitive-azure-900); --primitive-azure-contrast-200: var(--primitive-azure-900); --primitive-azure-contrast-300: var(--primitive-azure-900); --primitive-azure-contrast-400: var(--primitive-azure-900); --primitive-azure-contrast-500: var(--primitive-black); --primitive-azure-contrast-600: var(--primitive-black); --primitive-azure-contrast-700: var(--primitive-white); --primitive-azure-contrast-800: var(--primitive-azure-50); --primitive-azure-contrast-900: var(--primitive-azure-100); --primitive-green-50: #C2FFDD; --primitive-green-100: #B4FFD9; --primitive-green-200: #A6FFD7; --primitive-green-300: #72FFC0; --primitive-green-400: #55F2AC; --primitive-green-500: #2ED389; --primitive-green-600: #32A06E; --primitive-green-700: #29845A; --primitive-green-800: #136F45; --primitive-green-900: #073C24; --primitive-green-contrast-50: var(--primitive-green-900); --primitive-green-contrast-100: var(--primitive-green-900); --primitive-green-contrast-200: var(--primitive-green-900); --primitive-green-contrast-300: var(--primitive-green-900); --primitive-green-contrast-400: var(--primitive-green-900); --primitive-green-contrast-500: var(--primitive-black); --primitive-green-contrast-600: var(--primitive-black); --primitive-green-contrast-700: var(--primitive-white); --primitive-green-contrast-800: var(--primitive-green-100); --primitive-green-contrast-900: var(--primitive-green-100); --primitive-orange-50: #FFE2D0; --primitive-orange-100: #FFD7BE; --primitive-orange-200: #FFC39D; --primitive-orange-300: #FFB178; --primitive-orange-400: #FF9B4B; --primitive-orange-500: #F27700; --primitive-orange-600: #D36800; --primitive-orange-700: #B15900; --primitive-orange-800: #824100; --primitive-orange-900: #391D00; --primitive-orange-contrast-50: var(--primitive-orange-900); --primitive-orange-contrast-100: var(--primitive-orange-900); --primitive-orange-contrast-200: var(--primitive-orange-900); --primitive-orange-contrast-300: var(--primitive-orange-900); --primitive-orange-contrast-400: var(--primitive-orange-900); --primitive-orange-contrast-500: var(--primitive-black); --primitive-orange-contrast-600: var(--primitive-black); --primitive-orange-contrast-700: var(--primitive-white); --primitive-orange-contrast-800: var(--primitive-orange-50); --primitive-orange-contrast-900: var(--primitive-orange-100); --primitive-yellow-orange-50: #FFE4C6; --primitive-yellow-orange-100: #FFDDB6; --primitive-yellow-orange-200: #FFD6A4; --primitive-yellow-orange-300: #FFC879; --primitive-yellow-orange-400: #FFB800; --primitive-yellow-orange-500: #E5A500; --primitive-yellow-orange-600: #B28400; --primitive-yellow-orange-700: #956F00; --primitive-yellow-orange-800: #7C5800; --primitive-yellow-orange-900: #453100; --primitive-yellow-orange-contrast-50: var(--primitive-yellow-orange-900); --primitive-yellow-orange-contrast-100: var(--primitive-yellow-orange-900); --primitive-yellow-orange-contrast-200: var(--primitive-yellow-orange-900); --primitive-yellow-orange-contrast-300: var(--primitive-yellow-orange-900); --primitive-yellow-orange-contrast-400: var(--primitive-yellow-orange-900); --primitive-yellow-orange-contrast-500: var(--primitive-black); --primitive-yellow-orange-contrast-600: var(--primitive-black); --primitive-yellow-orange-contrast-700: var(--primitive-white); --primitive-yellow-orange-contrast-800: var(--primitive-yellow-orange-50); --primitive-yellow-orange-contrast-900: var(--primitive-yellow-orange-100); --primitive-yellow-50: #FFF5BB; --primitive-yellow-100: #FFF173; --primitive-yellow-200: #FFEA2B; --primitive-yellow-300: #F2DA00; --primitive-yellow-400: #E1CB00; --primitive-yellow-500: #C5B200; --primitive-yellow-600: #998A00; --primitive-yellow-700: #827500; --primitive-yellow-800: #695F00; --primitive-yellow-900: #3C3600; --primitive-yellow-contrast-50: var(--primitive-yellow-900); --primitive-yellow-contrast-100: var(--primitive-yellow-900); --primitive-yellow-contrast-200: var(--primitive-yellow-900); --primitive-yellow-contrast-300: var(--primitive-yellow-900); --primitive-yellow-contrast-400: var(--primitive-yellow-900); --primitive-yellow-contrast-500: var(--primitive-black); --primitive-yellow-contrast-600: var(--primitive-black); --primitive-yellow-contrast-700: var(--primitive-white); --primitive-yellow-contrast-800: var(--primitive-yellow-50); --primitive-yellow-contrast-900: var(--primitive-yellow-100); --primitive-rose-50: #FFE1E8; --primitive-rose-100: #FFD9E3; --primitive-rose-200: #FED1DD; --primitive-rose-300: #FEC1D2; --primitive-rose-400: #FEB5CA; --primitive-rose-500: #FE8EB1; --primitive-rose-600: #FD4B92; --primitive-rose-700: #E30C76; --primitive-rose-800: #B9075F; --primitive-rose-900: #400220; --primitive-rose-contrast-50: var(--primitive-rose-900); --primitive-rose-contrast-100: var(--primitive-rose-900); --primitive-rose-contrast-200: var(--primitive-rose-900); --primitive-rose-contrast-300: var(--primitive-rose-900); --primitive-rose-contrast-400: var(--primitive-rose-900); --primitive-rose-contrast-500: var(--primitive-black); --primitive-rose-contrast-600: var(--primitive-black); --primitive-rose-contrast-700: var(--primitive-white); --primitive-rose-contrast-800: var(--primitive-rose-50); --primitive-rose-contrast-900: var(--primitive-rose-100); --primitive-magic-50: #E9E5FF; --primitive-magic-100: #E4DEFF; --primitive-magic-200: #DFD9FF; --primitive-magic-300: #D4CCFF; --primitive-magic-400: #C7BCFF; --primitive-magic-500: #AA95FF; --primitive-magic-600: #9474FF; --primitive-magic-700: #8051FF; --primitive-magic-800: #7126FF; --primitive-magic-900: #1D0045; --primitive-magic-contrast-50: var(--primitive-magic-900); --primitive-magic-contrast-100: var(--primitive-magic-900); --primitive-magic-contrast-200: var(--primitive-magic-900); --primitive-magic-contrast-300: var(--primitive-magic-900); --primitive-magic-contrast-400: var(--primitive-magic-900); --primitive-magic-contrast-500: var(--primitive-black); --primitive-magic-contrast-600: var(--primitive-black); --primitive-magic-contrast-700: var(--primitive-white); --primitive-magic-contrast-800: var(--primitive-magic-50); --primitive-magic-contrast-900: var(--primitive-magic-100); --primitive-magenta-50: #FCDFFC; --primitive-magenta-100: #FBD7FB; --primitive-magenta-200: #FBCFFB; --primitive-magenta-300: #F9BEF9; --primitive-magenta-400: #F8B1F8; --primitive-magenta-500: #F68DF6; --primitive-magenta-600: #E156E1; --primitive-magenta-700: #C530C5; --primitive-magenta-800: #9F269F; --primitive-magenta-900: #3A0A3A; --primitive-magenta-contrast-50: var(--primitive-magenta-900); --primitive-magenta-contrast-100: var(--primitive-magenta-900); --primitive-magenta-contrast-200: var(--primitive-magenta-900); --primitive-magenta-contrast-300: var(--primitive-magenta-900); --primitive-magenta-contrast-400: var(--primitive-magenta-900); --primitive-magenta-contrast-500: var(--primitive-black); --primitive-magenta-contrast-600: var(--primitive-black); --primitive-magenta-contrast-700: var(--primitive-white); --primitive-magenta-contrast-800: var(--primitive-magenta-50); --primitive-magenta-contrast-900: var(--primitive-magenta-100); --primitive-gray-50: #FAFAFA; --primitive-gray-100: #F5F5F5; --primitive-gray-200: #EEEEEE; --primitive-gray-300: #E0E0E0; --primitive-gray-400: #BDBDBD; --primitive-gray-500: #9E9E9E; --primitive-gray-600: #757575; --primitive-gray-700: #616161; --primitive-gray-800: #424242; --primitive-gray-900: #212121; --primitive-gray-contrast-50: var(--primitive-gray-900); --primitive-gray-contrast-100: var(--primitive-gray-900); --primitive-gray-contrast-200: var(--primitive-black); --primitive-gray-contrast-300: var(--primitive-black); --primitive-gray-contrast-400: var(--primitive-black); --primitive-gray-contrast-500: var(--primitive-black); --primitive-gray-contrast-600: var(--primitive-white); --primitive-gray-contrast-700: var(--primitive-gray-50); --primitive-gray-contrast-800: var(--primitive-gray-100); --primitive-gray-contrast-900: var(--primitive-gray-100); --primitive-slate-0: #FFFFFF; --primitive-slate-100: #F7F8F9; --primitive-slate-200: #F1F2F4; --primitive-slate-300: #DCDFE4; --primitive-slate-400: #B3B9C4; --primitive-slate-500: #8590A2; --primitive-slate-600: #758195; --primitive-slate-700: #626F86; --primitive-slate-800: #44546F; --primitive-slate-900: #2C3E5D; --primitive-slate-1000: #172B4D; --primitive-slate-1100: #091E42; --primitive-slate-contrast-50: var(--primitive-black); --primitive-slate-contrast-100: var(--primitive-black); --primitive-slate-contrast-200: var(--primitive-black); --primitive-slate-contrast-300: var(--primitive-black); --primitive-slate-contrast-400: var(--primitive-black); --primitive-slate-contrast-500: var(--primitive-black); --primitive-slate-contrast-600: var(--primitive-black); --primitive-slate-contrast-700: var(--primitive-white); --primitive-slate-contrast-800: var(--primitive-white); --primitive-slate-contrast-900: var(--primitive-white); --primitive-slate-contrast-1000: var(--primitive-white); --primitive-slate-contrast-1100: var(--primitive-white); --primitive-slate-dark-0: #161A1D; --primitive-slate-dark-100: #1D2125; --primitive-slate-dark-200: #22272B; --primitive-slate-dark-300: #2C333A; --primitive-slate-dark-400: #454F59; --primitive-slate-dark-500: #596773; --primitive-slate-dark-600: #738496; --primitive-slate-dark-700: #8C9BAB; --primitive-slate-dark-800: #9FADBC; --primitive-slate-dark-900: #B6C2CF; --primitive-slate-dark-1000: #C7D1DB; --primitive-slate-dark-1100: #DEE4EA; --primitive-slate-dark-contrast-0: var(--primitive-white); --primitive-slate-dark-contrast-100: var(--primitive-white); --primitive-slate-dark-contrast-200: var(--primitive-white); --primitive-slate-dark-contrast-300: var(--primitive-white); --primitive-slate-dark-contrast-400: var(--primitive-white); --primitive-slate-dark-contrast-500: var(--primitive-white); --primitive-slate-dark-contrast-600: var(--primitive-black); --primitive-slate-dark-contrast-700: var(--primitive-black); --primitive-slate-dark-contrast-800: var(--primitive-black); --primitive-slate-dark-contrast-900: var(--primitive-black); --primitive-slate-dark-contrast-1000: var(--primitive-black); --primitive-slate-dark-contrast-1100: var(--primitive-black); --primitive-black-alpha-0: rgba(0,0,0,0); --primitive-black-alpha-4: rgba(0,0,0,0.04); --primitive-black-alpha-5: rgba(0,0,0,0.05); --primitive-black-alpha-10: rgba(0,0,0,0.1); --primitive-black-alpha-12: rgba(0,0,0,0.12); --primitive-black-alpha-15: rgba(0,0,0,0.15); --primitive-black-alpha-20: rgba(0,0,0,0.2); --primitive-black-alpha-25: rgba(0,0,0,0.25); --primitive-black-alpha-26: rgba(0,0,0,0.26); --primitive-black-alpha-30: rgba(0,0,0,0.3); --primitive-black-alpha-35: rgba(0,0,0,0.35); --primitive-black-alpha-38: rgba(0,0,0,0.38); --primitive-black-alpha-40: rgba(0,0,0,0.4); --primitive-black-alpha-45: rgba(0,0,0,0.45); --primitive-black-alpha-50: rgba(0,0,0,0.5); --primitive-black-alpha-54: rgba(0,0,0,0.54); --primitive-black-alpha-55: rgba(0,0,0,0.55); --primitive-black-alpha-60: rgba(0,0,0,0.6); --primitive-black-alpha-65: rgba(0,0,0,0.65); --primitive-black-alpha-70: rgba(0,0,0,0.7); --primitive-black-alpha-74: rgba(0,0,0,0.74); --primitive-black-alpha-75: rgba(0,0,0,0.75); --primitive-black-alpha-80: rgba(0,0,0,0.8); --primitive-black-alpha-85: rgba(0,0,0,0.85); --primitive-black-alpha-87: rgba(0,0,0,0.87); --primitive-black-alpha-90: rgba(0,0,0,0.9); --primitive-black-alpha-95: rgba(0,0,0,0.95); --primitive-black-alpha-100: #000000; --primitive-white-alpha-0: rgba(255,255,255,0); --primitive-white-alpha-4: rgba(255,255,255,0.04); --primitive-white-alpha-5: rgba(255,255,255,0.05); --primitive-white-alpha-10: rgba(255,255,255,0.1); --primitive-white-alpha-12: rgba(255,255,255,0.12); --primitive-white-alpha-15: rgba(255,255,255,0.15); --primitive-white-alpha-20: rgba(255,255,255,0.2); --primitive-white-alpha-25: rgba(255,255,255,0.25); --primitive-white-alpha-26: rgba(255,255,255,0.26); --primitive-white-alpha-30: rgba(255,255,255,0.3); --primitive-white-alpha-35: rgba(255,255,255,0.35); --primitive-white-alpha-38: rgba(255,255,255,0.38); --primitive-white-alpha-40: rgba(255,255,255,0.4); --primitive-white-alpha-45: rgba(255,255,255,0.45); --primitive-white-alpha-50: rgba(255,255,255,0.5); --primitive-white-alpha-54: rgba(255,255,255,0.54); --primitive-white-alpha-55: rgba(255,255,255,0.55); --primitive-white-alpha-60: rgba(255,255,255,0.6); --primitive-white-alpha-65: rgba(255,255,255,0.65); --primitive-white-alpha-70: rgba(255,255,255,0.7); --primitive-white-alpha-74: rgba(255,255,255,0.74); --primitive-white-alpha-75: rgba(255,255,255,0.75); --primitive-white-alpha-80: rgba(255,255,255,0.8); --primitive-white-alpha-85: rgba(255,255,255,0.85); --primitive-white-alpha-87: rgba(255,255,255,0.87); --primitive-white-alpha-90: rgba(255,255,255,0.9); --primitive-white-alpha-95: rgba(255,255,255,0.95); --primitive-white-alpha-100: #FFFFFF; --primitive-primary-blue-alpha-4: rgba(0,114,206,0.04); --primitive-primary-blue-alpha-12: rgba(0,114,206,0.12); --primitive-primary-blue-alpha-20: rgba(0,114,206,0.2); --primitive-fox-red-alpha-4: rgba(213,27,38,0.04); --primitive-fox-red-alpha-12: rgba(213,27,38,0.12); --primitive-fox-red-alpha-20: rgba(213,27,38,0.2); --primitive-primary-magic-alpha-4: rgba(128,81,255,0.04); --primitive-primary-magic-alpha-12: rgba(128,81,255,0.12); --primitive-primary-magic-alpha-20: rgba(128,81,255,0.2); --primitive-cyber-dark-50: #C7F4F4; --primitive-cyber-dark-100: #A2ECEC; --primitive-cyber-dark-200: #7BD9DB; --primitive-cyber-dark-300: #51C3C7; --primitive-cyber-dark-400: #31A4A9; --primitive-cyber-dark-500: #258F97; --primitive-cyber-dark-600: #147076; --primitive-cyber-dark-700: #0F5E62; --primitive-cyber-dark-800: #06393B; --primitive-cyber-dark-900: #021517; --primitive-cyber-dark-contrast-50: var(--primitive-cyber-blue-900); --primitive-cyber-dark-contrast-100: var(--primitive-black); --primitive-cyber-dark-contrast-200: var(--primitive-black); --primitive-cyber-dark-contrast-300: var(--primitive-black); --primitive-cyber-dark-contrast-400: var(--primitive-black); --primitive-cyber-dark-contrast-500: var(--primitive-black); --primitive-cyber-dark-contrast-600: var(--primitive-black); --primitive-cyber-dark-contrast-700: var(--primitive-black); --primitive-cyber-dark-contrast-800: var(--primitive-black); --primitive-cyber-dark-contrast-900: var(--primitive-white); --primitive-primary-cyber-alpha-4: rgba(0,203,206,0.04); --primitive-primary-cyber-alpha-12: rgba(0,185,206,0.12); --primitive-primary-cyber-alpha-20: rgba(0,182,206,0.2); --semantic-background-app-bar: var(--primitive-slate-300); --semantic-background-background: var(--primitive-slate-100); --semantic-background-overlay: var(--primitive-black-alpha-35); --semantic-background-card: var(--primitive-white); --semantic-background-card-inverse: var(--primitive-slate-dark-300); --semantic-background-table-head: var(--primitive-slate-200); --semantic-background-table-hover: var(--primitive-slate-100); --semantic-background-dialog: var(--primitive-white); --semantic-background-disabled-button-toggle: var(--primitive-slate-400); --semantic-background-disabled-button: var(--primitive-black-alpha-12); --semantic-background-disabled-list-option: var(--primitive-slate-400); --semantic-background-focused-button: var(--primitive-black-alpha-12); --semantic-background-focus-outline: var(--primitive-primary-blue-700); --semantic-background-hover: var(--primitive-black-alpha-4); --semantic-background-raised-button: var(--primitive-white); --semantic-background-selected-button: var(--primitive-slate-500); --semantic-background-selected-disabled-button: var(--primitive-slate-600); --semantic-background-status-bar: var(--primitive-slate-500); --semantic-background-tooltip: var(--primitive-slate-700); --semantic-background-unselected-chip: var(--primitive-slate-500); --semantic-background-form-field: var(--primitive-white); --semantic-background-form-field-hover: var(--primitive-gray-100); --semantic-background-form-field-active: var(--primitive-gray-200); --semantic-background-form-field-disabled: var(--primitive-gray-300); --semantic-background-form-field-border: var(--primitive-black-alpha-54); --semantic-background-form-field-error: var(--primitive-error); --semantic-background-stepper: var(--primitive-gray-300); --semantic-background-stepper-hover: var(--primitive-gray-400); --semantic-background-stepper-active: var(--primitive-gray-500); --semantic-background-stepper-disabled: var(--primitive-gray-200); --semantic-background-slide-toggle-neutral: var(--primitive-gray-50); --semantic-background-slide-toggle-disabled: var(--primitive-gray-200); --semantic-background-slide-toggle-track-neutral: var(--primitive-black-alpha-38); --semantic-background-fill-rest: var(--primitive-white); --semantic-background-fill-rest-inverse: var(--primitive-slate-dark-0); --semantic-background-fill-hover: var(--primitive-gray-200); --semantic-background-fill-hover-inverse: var(--primitive-slate-dark-200); --semantic-background-fill-hover-inverse 2: var(--primitive-gray-200); --semantic-background-fill-active: var(--primitive-gray-300); --semantic-background-fill-active-inverse: var(--primitive-slate-dark-300); --semantic-background-fill-disabled: var(--primitive-gray-200); --semantic-background-fill-error: var(--primitive-gray-200); --semantic-background-fill-secondary-rest: var(--primitive-white-alpha-0); --semantic-background-fill-secondary-hover: var(--primitive-black-alpha-4); --semantic-background-fill-secondary-active: var(--primitive-black-alpha-12); --semantic-background-fill-secondary-disabled: var(--primitive-white-alpha-0); --semantic-background-fill-tertiary: var(--primitive-gray-300); --semantic-background-fill-tertiary-inverse: var(--primitive-slate-dark-500); --semantic-background-fill-inverse: var(--primitive-slate-dark-0); --semantic-background-fill-inverse-strong: var(--primitive-slate-dark-0); --semantic-background-fill-transparent: var(--primitive-black-alpha-10); --semantic-background-fill-transparent-secondary: var(--primitive-black-alpha-12); --semantic-background-surface: var(--primitive-white); --semantic-background-surface-secondary: var(--primitive-gray-50); --semantic-background-surface-tertiary: var(--primitive-gray-100); --semantic-background-surface-transparent: var(--primitive-black-alpha-60); --semantic-background-surface-info-light: var(--primitive-azure-50); --semantic-background-surface-info-light-hover: var(--primitive-azure-100); --semantic-background-surface-info-light-active: var(--primitive-azure-200); --semantic-background-surface-info-strong: var(--primitive-azure-400); --semantic-background-surface-info-strong-hover: var(--primitive-azure-500); --semantic-background-surface-info-strong-active: var(--primitive-azure-600); --semantic-background-surface-emphasis-light: var(--primitive-blue-50); --semantic-background-surface-emphasis-light-hover: var(--primitive-blue-100); --semantic-background-surface-emphasis-light-active: var(--primitive-blue-200); --semantic-background-surface-emphasis-strong: var(--primitive-blue-700); --semantic-background-surface-emphasis-strong-hover: var(--primitive-blue-800); --semantic-background-surface-emphasis-strong-active: var(--primitive-blue-900); --semantic-background-surface-magic-light: var(--primitive-magic-50); --semantic-background-surface-magic-light-hover: var(--primitive-magic-100); --semantic-background-surface-magic-light-active: var(--primitive-magic-200); --semantic-background-surface-magic-strong: var(--primitive-magic-700); --semantic-background-surface-magic-strong-hover: var(--primitive-magic-800); --semantic-background-surface-magic-strong-active: var(--primitive-magic-900); --semantic-background-surface-success-light: var(--primitive-green-50); --semantic-background-surface-success-light-hover: var(--primitive-green-100); --semantic-background-surface-success-light-active: var(--primitive-green-200); --semantic-background-surface-success-strong: var(--primitive-green-700); --semantic-background-surface-success-strong-hover: var(--primitive-green-800); --semantic-background-surface-success-strong-active: var(--primitive-green-900); --semantic-background-surface-caution-light: var(--primitive-yellow-50); --semantic-background-surface-caution-light-hover: var(--primitive-yellow-100); --semantic-background-surface-caution-light-active: var(--primitive-yellow-200); --semantic-background-surface-caution-strong: var(--primitive-yellow-200); --semantic-background-surface-caution-strong-hover: var(--primitive-yellow-300); --semantic-background-surface-caution-strong-active: var(--primitive-yellow-400); --semantic-background-surface-warning-light: var(--primitive-yellow-orange-50); --semantic-background-surface-warning-light-hover: var(--primitive-yellow-orange-100); --semantic-background-surface-warning-light-active: var(--primitive-yellow-orange-200); --semantic-background-surface-warning-strong: var(--primitive-yellow-orange-400); --semantic-background-surface-warning-strong-hover: var(--primitive-yellow-orange-500); --semantic-background-surface-warning-strong-active: var(--primitive-yellow-orange-600); --semantic-background-surface-critical-light: var(--primitive-fox-red-50); --semantic-background-surface-critical-light-hover: var(--primitive-fox-red-100); --semantic-background-surface-critical-light-active: var(--primitive-fox-red-200); --semantic-background-surface-critical-strong: var(--primitive-fox-red-700); --semantic-background-surface-critical-strong-hover: var(--primitive-fox-red-800); --semantic-background-surface-critical-strong-active: var(--primitive-fox-red-900); --semantic-background-surface-high-alert-light: var(--primitive-rose-50); --semantic-background-surface-high-alert-light-hover: var(--primitive-rose-100); --semantic-background-surface-high-alert-light-active: var(--primitive-rose-200); --semantic-background-surface-high-alert-strong: var(--primitive-rose-700); --semantic-background-surface-high-alert-strong-hover: var(--primitive-rose-800); --semantic-background-surface-high-alert-strong-active: var(--primitive-rose-900); --semantic-background-border: var(--primitive-gray-300); --semantic-background-border-hover: var(--primitive-gray-400); --semantic-background-border-active: var(--primitive-gray-500); --semantic-background-border-disabled: var(--primitive-black-alpha-40); --semantic-background-border-secondary: var(--primitive-gray-400); --semantic-background-border-secondary-hover: var(--primitive-gray-500); --semantic-background-border-secondary-active: var(--primitive-gray-600); --semantic-background-border-secondary-disabled: var(--primitive-black-alpha-40); --semantic-background-border-tertiary: var(--primitive-gray-200); --semantic-background-border-info: var(--primitive-azure-400); --semantic-background-border-emphasis: var(--primitive-blue-400); --semantic-background-border-success: var(--primitive-green-400); --semantic-background-border-magic: var(--primitive-magic-400); --semantic-background-border-caution: var(--primitive-yellow-400); --semantic-background-border-warning: var(--primitive-yellow-orange-400); --semantic-background-border-critical: var(--primitive-fox-red-200); --semantic-background-border-high-alert: var(--primitive-rose-400); --semantic-background-chart-red-0: var(--primitive-fox-red-900); --semantic-background-chart-red-1: var(--primitive-fox-red-600); --semantic-background-chart-red-2: var(--primitive-fox-red-300); --semantic-background-chart-red-3: var(--primitive-orange-700); --semantic-background-chart-red-4: var(--primitive-orange-500); --semantic-background-chart-red-5: var(--primitive-yellow-orange-400); --semantic-background-chart-blue-0: var(--primitive-fox-blue-700); --semantic-background-chart-blue-1: var(--primitive-fox-blue-500); --semantic-background-chart-blue-2: var(--primitive-fox-blue-300); --semantic-background-chart-blue-3: var(--primitive-magic-500); --semantic-background-chart-blue-4: var(--primitive-green-500); --semantic-background-chart-blue-5: var(--primitive-azure-500); --semantic-background-chart-cyber-0: var(--primitive-cyber-dark-600); --semantic-background-chart-cyber-1: var(--primitive-cyber-dark-400); --semantic-background-chart-cyber-2: var(--primitive-cyber-dark-200); --semantic-background-chart-cyber-3: var(--primitive-magic-500); --semantic-background-chart-cyber-4: var(--primitive-green-500); --semantic-background-chart-cyber-5: var(--primitive-blue-600); --semantic-foreground-base: var(--primitive-black); --semantic-foreground-disabled-button: var(--primitive-black-alpha-26); --semantic-foreground-disabled-button-inverse: var(--primitive-white-alpha-30); --semantic-foreground-disabled-text: var(--primitive-black-alpha-38); --semantic-foreground-disabled-text-inverse: var(--primitive-white-alpha-50); --semantic-foreground-disabled: var(--primitive-black-alpha-38); --semantic-foreground-divider: var(--primitive-black-alpha-12); --semantic-foreground-divider-inverse: var(--primitive-white-alpha-12); --semantic-foreground-elevation: var(--primitive-black); --semantic-foreground-focused: var(--primitive-black-alpha-12); --semantic-foreground-hover: var(--primitive-black-alpha-4); --semantic-foreground-hint-text: var(--primitive-black-alpha-38); --semantic-foreground-icon: var(--primitive-black-alpha-54); --semantic-foreground-icon-inverse: var(--primitive-white-alpha-74); --semantic-foreground-icon-inverse-strong: var(--primitive-white-alpha-74); --semantic-foreground-secondary-text: var(--primitive-black-alpha-55); --semantic-foreground-secondary-text-inverse: var(--primitive-white-alpha-70); --semantic-foreground-slider-min: var(--primitive-black-alpha-87); --semantic-foreground-slider-off-active: var(--primitive-black-alpha-38); --semantic-foreground-slider-off: var(--primitive-black-alpha-26); --semantic-foreground-status-icon-info: var(--primitive-blue-600); --semantic-foreground-status-icon-success: var(--primitive-green-600); --semantic-foreground-status-icon-success-inverse: var(--primitive-green-500); --semantic-foreground-status-icon-medium: var(--primitive-orange-500); --semantic-foreground-status-icon-fail: var(--primitive-fox-red-600); --semantic-foreground-status-icon-critical: var(--primitive-fox-red-600); --semantic-foreground-status-icon-critical-inverse: var(--primitive-fox-red-400); --semantic-foreground-status-icon-low: var(--primitive-yellow-orange-400); --semantic-foreground-status-icon-high: var(--primitive-yellow-orange-400); --semantic-foreground-status-icon-caution: var(--primitive-yellow-orange-400); --semantic-foreground-status-icon-caution-inverse: var(--primitive-yellow-200); --semantic-foreground-status-icon-normal: var(--primitive-magic-700); --semantic-foreground-status-icon-undefined: var(--primitive-magic-700); --semantic-foreground-status-icon-progress: var(--primitive-magic-700); --semantic-foreground-status-icon-incomplete: var(--primitive-magic-700); --semantic-foreground-status-icon-todo: var(--primitive-gray-500); --semantic-foreground-status-icon-pending: var(--primitive-gray-500); --semantic-foreground-status-icon-draft: var(--primitive-gray-500); --semantic-foreground-status-icon-unknown: var(--primitive-gray-500); --semantic-foreground-status-icon-ended: var(--primitive-gray-500); --semantic-foreground-status-icon-archived: var(--primitive-gray-500); --semantic-foreground-status-icon-risk-critical: var(--primitive-fox-red-600); --semantic-foreground-status-icon-risk-high: var(--primitive-fox-red-600); --semantic-foreground-status-icon-risk-medium: var(--primitive-orange-500); --semantic-foreground-status-icon-risk-low: var(--primitive-blue-600); --semantic-foreground-status-icon-risk-info: var(--primitive-gray-500); --semantic-foreground-text: var(--primitive-black-alpha-87); --semantic-foreground-text-inverse: var(--primitive-white); --semantic-foreground-text-on-fill: var(--primitive-white); --semantic-foreground-text-on-surface: var(--primitive-white); --semantic-foreground-text-strong-black: var(--primitive-black); --semantic-foreground-text-strong-white: var(--primitive-white); --semantic-foreground-text-info: var(--primitive-azure-800); --semantic-foreground-text-info-hover: var(--primitive-azure-900); --semantic-foreground-text-emphasis: var(--primitive-blue-800); --semantic-foreground-text-emphasis-hover: var(--primitive-blue-900); --semantic-foreground-text-magic: var(--primitive-magic-800); --semantic-foreground-text-magic-hover: var(--primitive-magic-900); --semantic-foreground-text-success: var(--primitive-green-800); --semantic-foreground-text-success-hover: var(--primitive-green-900); --semantic-foreground-text-caution: var(--primitive-yellow-800); --semantic-foreground-text-caution-hover: var(--primitive-yellow-900); --semantic-foreground-text-warning: var(--primitive-yellow-orange-800); --semantic-foreground-text-warning-hover: var(--primitive-yellow-orange-900); --semantic-foreground-text-critical: var(--primitive-fox-red-800); --semantic-foreground-text-critical-hover: var(--primitive-fox-red-900); --semantic-foreground-text-high-alert: var(--primitive-rose-800); --semantic-foreground-text-high-alert-hover: var(--primitive-rose-900); --semantic-foreground-brand-on-fill: var(--primitive-white); --semantic-foreground-brand-on-fill-strong: var(--primitive-white); --semantic-foreground-brand-on-fill-inverse: var(--primitive-black); --semantic-foreground-brand-primary-rest: var(--primitive-primary-blue-700); --semantic-foreground-brand-primary-hover: var(--primitive-primary-blue-800); --semantic-foreground-brand-primary-active: var(--primitive-primary-blue-900); --semantic-foreground-brand-primary-hover-alpha: var(--primitive-primary-blue-alpha-4); --semantic-foreground-brand-primary-active-alpha: var(--primitive-primary-blue-alpha-12); --semantic-foreground-brand-primary-selected-alpha: var(--primitive-primary-blue-alpha-20); --semantic-foreground-brand-primary-hover-alpha-inverse: var(--primitive-primary-blue-alpha-12); --semantic-foreground-brand-primary-active-alpha-inverse: var(--primitive-primary-blue-alpha-20); --semantic-foreground-brand-primary-selected-alpha-inverse: var(--primitive-primary-blue-alpha-20); --semantic-foreground-brand-primary-inverse-rest: var(--primitive-primary-blue-300); --semantic-foreground-brand-primary-inverse-hover: var(--primitive-primary-blue-200); --semantic-foreground-brand-primary-inverse-active: var(--primitive-primary-blue-100); --semantic-foreground-brand-secondary-rest: var(--primitive-primary-blue-100); --semantic-foreground-brand-warn-rest: var(--primitive-fox-red-700); --semantic-foreground-brand-warn-hover: var(--primitive-fox-red-800); --semantic-foreground-brand-warn-active: var(--primitive-fox-red-900); --semantic-foreground-brand-warn-hover-alpha: var(--primitive-fox-red-alpha-4); --semantic-foreground-brand-warn-active-alpha: var(--primitive-fox-red-alpha-12); --semantic-foreground-brand-warn-hover-alpha-inverse: var(--primitive-fox-red-alpha-12); --semantic-foreground-brand-warn-active-alpha-inverse: var(--primitive-fox-red-alpha-20); --semantic-foreground-brand-warn-selected-alpha-inverse: var(--primitive-fox-red-alpha-20); --semantic-foreground-brand-warn-inverse-rest: var(--primitive-fox-red-200); --semantic-foreground-brand-warn-inverse-hover: var(--primitive-fox-red-100); --semantic-foreground-brand-warn-inverse-active: var(--primitive-fox-red-50); --semantic-foreground-brand-magic-rest: var(--primitive-magic-700); --semantic-foreground-brand-magic-hover: var(--primitive-magic-800); --semantic-foreground-brand-magic-active: var(--primitive-magic-900); --semantic-foreground-brand-magic-hover-alpha: var(--primitive-primary-magic-alpha-4); --semantic-foreground-brand-magic-active-alpha: var(--primitive-primary-magic-alpha-12); --semantic-foreground-brand-magic-inverse-rest: var(--primitive-magic-300); --semantic-foreground-brand-magic-inverse-hover: var(--primitive-magic-200); --semantic-foreground-brand-magic-inverse-active: var(--primitive-magic-100); --brand-fox-blue: var(--primitive-fox-blue-800); --brand-dark-blue: var(--primitive-fox-blue-700); --brand-black-blue: var(--primitive-fox-blue-900); --brand-fox-red: var(--primitive-fox-red-600); --brand-dark-red: var(--primitive-fox-red-900); --brand-cyber-blue: var(--primitive-cyber-blue-300); --brand-faded-cyber: var(--primitive-cyber-blue-900); --brand-contrast-fox-blue: var(--primitive-fox-blue-100); --brand-contrast-dark-blue: var(--primitive-fox-blue-100); --brand-contrast-black-blue: var(--primitive-fox-blue-100); --brand-contrast-fox-red: var(--primitive-black); --brand-contrast-dark-red: var(--primitive-fox-red-100); --brand-contrast-cyber-blue: var(--primitive-black); --brand-contrast-faded-cyber: var(--primitive-white); --categories-a: var(--primitive-cyber-blue-300); --categories-b: var(--primitive-green-700); --categories-c: var(--primitive-green-500); --categories-d: var(--primitive-yellow-400); --categories-e: var(--primitive-yellow-orange-500); --categories-f: var(--primitive-orange-700); --categories-g: var(--primitive-magenta-800); --categories-contrast-a: var(--primitive-black); --categories-contrast-b: var(--primitive-white); --categories-contrast-c: var(--primitive-black); --categories-contrast-d: var(--primitive-black); --categories-contrast-e: var(--primitive-black); --categories-contrast-f: var(--primitive-white); --categories-contrast-g: var(--primitive-magenta-50); } [data-zf-theme='vulpes-dark'] { color-scheme: dark; --primitive-white: #FFFFFF; --primitive-black: #000000; --primitive-error: rgba(255,0,0,0.08); --primitive-primary-blue-50: #E2F1FC; --primitive-primary-blue-100: #B9DCFA; --primitive-primary-blue-200: #8CC7F7; --primitive-primary-blue-300: #5EB1F3; --primitive-primary-blue-400: #39A0F1; --primitive-primary-blue-500: #0691EF; --primitive-primary-blue-600: #0483E1; --primitive-primary-blue-700: #0072CE; --primitive-primary-blue-800: #0060BC; --primitive-primary-blue-900: #00439D; --primitive-primary-blue-contrast-50: var(--primitive-black); --primitive-primary-blue-contrast-100: var(--primitive-black); --primitive-primary-blue-contrast-200: var(--primitive-black); --primitive-primary-blue-contrast-300: var(--primitive-black); --primitive-primary-blue-contrast-400: var(--primitive-black); --primitive-primary-blue-contrast-500: var(--primitive-black); --primitive-primary-blue-contrast-600: var(--primitive-black); --primitive-primary-blue-contrast-700: var(--primitive-white); --primitive-primary-blue-contrast-800: var(--primitive-white); --primitive-primary-blue-contrast-900: var(--primitive-white); --primitive-confirm-green-50: #E6F6E9; --primitive-confirm-green-100: #C3E7C8; --primitive-confirm-green-200: #9CD8A5; --primitive-confirm-green-300: #73CA80; --primitive-confirm-green-400: #51BE65; --primitive-confirm-green-500: #29B249; --primitive-confirm-green-600: #1FA341; --primitive-confirm-green-700: #0F9135; --primitive-confirm-green-800: #00802A; --primitive-confirm-green-900: #006115; --primitive-confirm-green-contrast-50: var(--primitive-black); --primitive-confirm-green-contrast-100: var(--primitive-black); --primitive-confirm-green-contrast-200: var(--primitive-black); --primitive-confirm-green-contrast-300: var(--primitive-black); --primitive-confirm-green-contrast-400: var(--primitive-black); --primitive-confirm-green-contrast-500: var(--primitive-black); --primitive-confirm-green-contrast-600: var(--primitive-black); --primitive-confirm-green-contrast-700: var(--primitive-black); --primitive-confirm-green-contrast-800: var(--primitive-white); --primitive-confirm-green-contrast-900: var(--primitive-white); --primitive-warn-red-50: #FFEBEE; --primitive-warn-red-100: #FFCDD2; --primitive-warn-red-200: #EF9A9A; --primitive-warn-red-300: #E57373; --primitive-warn-red-400: #EF5350; --primitive-warn-red-500: #F44336; --primitive-warn-red-600: #E53935; --primitive-warn-red-700: #D32F2F; --primitive-warn-red-800: #C62828; --primitive-warn-red-900: #B71B1C; --primitive-warn-red-contrast-50: var(--primitive-black); --primitive-warn-red-contrast-100: var(--primitive-black); --primitive-warn-red-contrast-200: var(--primitive-black); --primitive-warn-red-contrast-300: var(--primitive-black); --primitive-warn-red-contrast-400: var(--primitive-black); --primitive-warn-red-contrast-500: var(--primitive-black); --primitive-warn-red-contrast-600: var(--primitive-black); --primitive-warn-red-contrast-700: var(--primitive-black); --primitive-warn-red-contrast-800: var(--primitive-white); --primitive-warn-red-contrast-900: var(--primitive-white); --primitive-fox-blue-50: #DCEEFF; --primitive-fox-blue-100: #B8D4E9; --primitive-fox-blue-200: #97B5CE; --primitive-fox-blue-300: #7497B4; --primitive-fox-blue-400: #5A81A0; --primitive-fox-blue-500: #3E6C8D; --primitive-fox-blue-600: #224B66; --primitive-fox-blue-700: #1D3C4C; --primitive-fox-blue-800: #002539; --primitive-fox-blue-900: #131E29; --primitive-fox-blue-contrast-50: var(--primitive-fox-blue-900); --primitive-fox-blue-contrast-100: var(--primitive-fox-blue-900); --primitive-fox-blue-contrast-200: var(--primitive-black); --primitive-fox-blue-contrast-300: var(--primitive-black); --primitive-fox-blue-contrast-400: var(--primitive-black); --primitive-fox-blue-contrast-500: var(--primitive-white); --primitive-fox-blue-contrast-600: var(--primitive-fox-blue-100); --primitive-fox-blue-contrast-700: var(--primitive-fox-blue-100); --primitive-fox-blue-contrast-800: var(--primitive-fox-blue-100); --primitive-fox-blue-contrast-900: var(--primitive-fox-blue-100); --primitive-fox-red-50: #FFEAED; --primitive-fox-red-100: #FFCBD0; --primitive-fox-red-200: #F19696; --primitive-fox-red-300: #E86C6D; --primitive-fox-red-400: #F14848; --primitive-fox-red-500: #F6342B; --primitive-fox-red-600: #E7282B; --primitive-fox-red-700: #D51B26; --primitive-fox-red-800: #C8101E; --primitive-fox-red-900: #330608; --primitive-fox-red-contrast-50: var(--primitive-fox-red-900); --primitive-fox-red-contrast-100: var(--primitive-fox-red-900); --primitive-fox-red-contrast-200: var(--primitive-black); --primitive-fox-red-contrast-300: var(--primitive-black); --primitive-fox-red-contrast-400: var(--primitive-black); --primitive-fox-red-contrast-500: var(--primitive-black); --primitive-fox-red-contrast-600: var(--primitive-black); --primitive-fox-red-contrast-700: var(--primitive-white); --primitive-fox-red-contrast-800: var(--primitive-fox-red-50); --primitive-fox-red-contrast-900: var(--primitive-fox-red-100); --primitive-cyber-blue-50: #DFFBFB; --primitive-cyber-blue-100: #B0F4F4; --primitive-cyber-blue-200: #78EDF0; --primitive-cyber-blue-300: #24E4EB; --primitive-cyber-blue-400: #00DDE8; --primitive-cyber-blue-500: #00D6E6; --primitive-cyber-blue-600: #00C5D2; --primitive-cyber-blue-700: #00AFB7; --primitive-cyber-blue-800: #009A9F; --primitive-cyber-blue-900: #0F7785; --primitive-cyber-blue-contrast-50: var(--primitive-cyber-blue-900); --primitive-cyber-blue-contrast-100: var(--primitive-black); --primitive-cyber-blue-contrast-200: var(--primitive-black); --primitive-cyber-blue-contrast-300: var(--primitive-black); --primitive-cyber-blue-contrast-400: var(--primitive-black); --primitive-cyber-blue-contrast-500: var(--primitive-black); --primitive-cyber-blue-contrast-600: var(--primitive-black); --primitive-cyber-blue-contrast-700: var(--primitive-black); --primitive-cyber-blue-contrast-800: var(--primitive-black); --primitive-cyber-blue-contrast-900: var(--primitive-white); --primitive-blue-50: #E2E7FF; --primitive-blue-100: #DBE1FF; --primitive-blue-200: #D5DCFF; --primitive-blue-300: #C5D0FF; --primitive-blue-400: #BAC7FF; --primitive-blue-500: #97ADFF; --primitive-blue-600: #4188FF; --primitive-blue-700: #0071E9; --primitive-blue-800: #005BD3; --primitive-blue-900: #011E43; --primitive-blue-contrast-50: var(--primitive-blue-900); --primitive-blue-contrast-100: var(--primitive-blue-900); --primitive-blue-contrast-200: var(--primitive-blue-900); --primitive-blue-contrast-300: var(--primitive-blue-900); --primitive-blue-contrast-400: var(--primitive-blue-900); --primitive-blue-contrast-500: var(--primitive-black); --primitive-blue-contrast-600: var(--primitive-black); --primitive-blue-contrast-700: var(--primitive-white); --primitive-blue-contrast-800: var(--primitive-blue-50); --primitive-blue-contrast-900: var(--primitive-blue-100); --primitive-azure-50: #D5EBFF; --primitive-azure-100: #CAE6FF; --primitive-azure-200: #C0E1FF; --primitive-azure-300: #A8D8FF; --primitive-azure-400: #91D0FF; --primitive-azure-500: #51C0FF; --primitive-azure-600: #0094D5; --primitive-azure-700: #007CB4; --primitive-azure-800: #00679B; --primitive-azure-900: #012E45; --primitive-azure-contrast-50: var(--primitive-azure-900); --primitive-azure-contrast-100: var(--primitive-azure-900); --primitive-azure-contrast-200: var(--primitive-azure-900); --primitive-azure-contrast-300: var(--primitive-azure-900); --primitive-azure-contrast-400: var(--primitive-azure-900); --primitive-azure-contrast-500: var(--primitive-black); --primitive-azure-contrast-600: var(--primitive-black); --primitive-azure-contrast-700: var(--primitive-white); --primitive-azure-contrast-800: var(--primitive-azure-50); --primitive-azure-contrast-900: var(--primitive-azure-100); --primitive-green-50: #C2FFDD; --primitive-green-100: #B4FFD9; --primitive-green-200: #A6FFD7; --primitive-green-300: #72FFC0; --primitive-green-400: #55F2AC; --primitive-green-500: #2ED389; --primitive-green-600: #32A06E; --primitive-green-700: #29845A; --primitive-green-800: #136F45; --primitive-green-900: #073C24; --primitive-green-contrast-50: var(--primitive-green-900); --primitive-green-contrast-100: var(--primitive-green-900); --primitive-green-contrast-200: var(--primitive-green-900); --primitive-green-contrast-300: var(--primitive-green-900); --primitive-green-contrast-400: var(--primitive-green-900); --primitive-green-contrast-500: var(--primitive-black); --primitive-green-contrast-600: var(--primitive-black); --primitive-green-contrast-700: var(--primitive-white); --primitive-green-contrast-800: var(--primitive-green-100); --primitive-green-contrast-900: var(--primitive-green-100); --primitive-orange-50: #FFE2D0; --primitive-orange-100: #FFD7BE; --primitive-orange-200: #FFC39D; --primitive-orange-300: #FFB178; --primitive-orange-400: #FF9B4B; --primitive-orange-500: #F27700; --primitive-orange-600: #D36800; --primitive-orange-700: #B15900; --primitive-orange-800: #824100; --primitive-orange-900: #391D00; --primitive-orange-contrast-50: var(--primitive-orange-900); --primitive-orange-contrast-100: var(--primitive-orange-900); --primitive-orange-contrast-200: var(--primitive-orange-900); --primitive-orange-contrast-300: var(--primitive-orange-900); --primitive-orange-contrast-400: var(--primitive-orange-900); --primitive-orange-contrast-500: var(--primitive-black); --primitive-orange-contrast-600: var(--primitive-black); --primitive-orange-contrast-700: var(--primitive-white); --primitive-orange-contrast-800: var(--primitive-orange-50); --primitive-orange-contrast-900: var(--primitive-orange-100); --primitive-yellow-orange-50: #FFE4C6; --primitive-yellow-orange-100: #FFDDB6; --primitive-yellow-orange-200: #FFD6A4; --primitive-yellow-orange-300: #FFC879; --primitive-yellow-orange-400: #FFB800; --primitive-yellow-orange-500: #E5A500; --primitive-yellow-orange-600: #B28400; --primitive-yellow-orange-700: #956F00; --primitive-yellow-orange-800: #7C5800; --primitive-yellow-orange-900: #453100; --primitive-yellow-orange-contrast-50: var(--primitive-yellow-orange-900); --primitive-yellow-orange-contrast-100: var(--primitive-yellow-orange-900); --primitive-yellow-orange-contrast-200: var(--primitive-yellow-orange-900); --primitive-yellow-orange-contrast-300: var(--primitive-yellow-orange-900); --primitive-yellow-orange-contrast-400: var(--primitive-yellow-orange-900); --primitive-yellow-orange-contrast-500: var(--primitive-black); --primitive-yellow-orange-contrast-600: var(--primitive-black); --primitive-yellow-orange-contrast-700: var(--primitive-white); --primitive-yellow-orange-contrast-800: var(--primitive-yellow-orange-50); --primitive-yellow-orange-contrast-900: var(--primitive-yellow-orange-100); --primitive-yellow-50: #FFF5BB; --primitive-yellow-100: #FFF173; --primitive-yellow-200: #FFEA2B; --primitive-yellow-300: #F2DA00; --primitive-yellow-400: #E1CB00; --primitive-yellow-500: #C5B200; --primitive-yellow-600: #998A00; --primitive-yellow-700: #827500; --primitive-yellow-800: #695F00; --primitive-yellow-900: #3C3600; --primitive-yellow-contrast-50: var(--primitive-yellow-900); --primitive-yellow-contrast-100: var(--primitive-yellow-900); --primitive-yellow-contrast-200: var(--primitive-yellow-900); --primitive-yellow-contrast-300: var(--primitive-yellow-900); --primitive-yellow-contrast-400: var(--primitive-yellow-900); --primitive-yellow-contrast-500: var(--primitive-black); --primitive-yellow-contrast-600: var(--primitive-black); --primitive-yellow-contrast-700: var(--primitive-white); --primitive-yellow-contrast-800: var(--primitive-yellow-50); --primitive-yellow-contrast-900: var(--primitive-yellow-100); --primitive-rose-50: #FFE1E8; --primitive-rose-100: #FFD9E3; --primitive-rose-200: #FED1DD; --primitive-rose-300: #FEC1D2; --primitive-rose-400: #FEB5CA; --primitive-rose-500: #FE8EB1; --primitive-rose-600: #FD4B92; --primitive-rose-700: #E30C76; --primitive-rose-800: #B9075F; --primitive-rose-900: #400220; --primitive-rose-contrast-50: var(--primitive-rose-900); --primitive-rose-contrast-100: var(--primitive-rose-900); --primitive-rose-contrast-200: var(--primitive-rose-900); --primitive-rose-contrast-300: var(--primitive-rose-900); --primitive-rose-contrast-400: var(--primitive-rose-900); --primitive-rose-contrast-500: var(--primitive-black); --primitive-rose-contrast-600: var(--primitive-black); --primitive-rose-contrast-700: var(--primitive-white); --primitive-rose-contrast-800: var(--primitive-rose-50); --primitive-rose-contrast-900: var(--primitive-rose-100); --primitive-magic-50: #E9E5FF; --primitive-magic-100: #E4DEFF; --primitive-magic-200: #DFD9FF; --primitive-magic-300: #D4CCFF; --primitive-magic-400: #C7BCFF; --primitive-magic-500: #AA95FF; --primitive-magic-600: #9474FF; --primitive-magic-700: #8051FF; --primitive-magic-800: #7126FF; --primitive-magic-900: #1D0045; --primitive-magic-contrast-50: var(--primitive-magic-900); --primitive-magic-contrast-100: var(--primitive-magic-900); --primitive-magic-contrast-200: var(--primitive-magic-900); --primitive-magic-contrast-300: var(--primitive-magic-900); --primitive-magic-contrast-400: var(--primitive-magic-900); --primitive-magic-contrast-500: var(--primitive-black); --primitive-magic-contrast-600: var(--primitive-black); --primitive-magic-contrast-700: var(--primitive-white); --primitive-magic-contrast-800: var(--primitive-magic-50); --primitive-magic-contrast-900: var(--primitive-magic-100); --primitive-magenta-50: #FCDFFC; --primitive-magenta-100: #FBD7FB; --primitive-magenta-200: #FBCFFB; --primitive-magenta-300: #F9BEF9; --primitive-magenta-400: #F8B1F8; --primitive-magenta-500: #F68DF6; --primitive-magenta-600: #E156E1; --primitive-magenta-700: #C530C5; --primitive-magenta-800: #9F269F; --primitive-magenta-900: #3A0A3A; --primitive-magenta-contrast-50: var(--primitive-magenta-900); --primitive-magenta-contrast-100: var(--primitive-magenta-900); --primitive-magenta-contrast-200: var(--primitive-magenta-900); --primitive-magenta-contrast-300: var(--primitive-magenta-900); --primitive-magenta-contrast-400: var(--primitive-magenta-900); --primitive-magenta-contrast-500: var(--primitive-black); --primitive-magenta-contrast-600: var(--primitive-black); --primitive-magenta-contrast-700: var(--primitive-white); --primitive-magenta-contrast-800: var(--primitive-magenta-50); --primitive-magenta-contrast-900: var(--primitive-magenta-100); --primitive-gray-50: #FAFAFA; --primitive-gray-100: #F5F5F5; --primitive-gray-200: #EEEEEE; --primitive-gray-300: #E0E0E0; --primitive-gray-400: #BDBDBD; --primitive-gray-500: #9E9E9E; --primitive-gray-600: #757575; --primitive-gray-700: #616161; --primitive-gray-800: #424242; --primitive-gray-900: #212121; --primitive-gray-contrast-50: var(--primitive-gray-900); --primitive-gray-contrast-100: var(--primitive-gray-900); --primitive-gray-contrast-200: var(--primitive-black); --primitive-gray-contrast-300: var(--primitive-black); --primitive-gray-contrast-400: var(--primitive-black); --primitive-gray-contrast-500: var(--primitive-black); --primitive-gray-contrast-600: var(--primitive-white); --primitive-gray-contrast-700: var(--primitive-gray-50); --primitive-gray-contrast-800: var(--primitive-gray-100); --primitive-gray-contrast-900: var(--primitive-gray-100); --primitive-slate-0: #FFFFFF; --primitive-slate-100: #F7F8F9; --primitive-slate-200: #F1F2F4; --primitive-slate-300: #DCDFE4; --primitive-slate-400: #B3B9C4; --primitive-slate-500: #8590A2; --primitive-slate-600: #758195; --primitive-slate-700: #626F86; --primitive-slate-800: #44546F; --primitive-slate-900: #2C3E5D; --primitive-slate-1000: #172B4D; --primitive-slate-1100: #091E42; --primitive-slate-contrast-50: var(--primitive-black); --primitive-slate-contrast-100: var(--primitive-black); --primitive-slate-contrast-200: var(--primitive-black); --primitive-slate-contrast-300: var(--primitive-black); --primitive-slate-contrast-400: var(--primitive-black); --primitive-slate-contrast-500: var(--primitive-black); --primitive-slate-contrast-600: var(--primitive-black); --primitive-slate-contrast-700: var(--primitive-white); --primitive-slate-contrast-800: var(--primitive-white); --primitive-slate-contrast-900: var(--primitive-white); --primitive-slate-contrast-1000: var(--primitive-white); --primitive-slate-contrast-1100: var(--primitive-white); --primitive-slate-dark-0: #161A1D; --primitive-slate-dark-100: #1D2125; --primitive-slate-dark-200: #22272B; --primitive-slate-dark-300: #2C333A; --primitive-slate-dark-400: #454F59; --primitive-slate-dark-500: #596773; --primitive-slate-dark-600: #738496; --primitive-slate-dark-700: #8C9BAB; --primitive-slate-dark-800: #9FADBC; --primitive-slate-dark-900: #B6C2CF; --primitive-slate-dark-1000: #C7D1DB; --primitive-slate-dark-1100: #DEE4EA; --primitive-slate-dark-contrast-0: var(--primitive-white); --primitive-slate-dark-contrast-100: var(--primitive-white); --primitive-slate-dark-contrast-200: var(--primitive-white); --primitive-slate-dark-contrast-300: var(--primitive-white); --primitive-slate-dark-contrast-400: var(--primitive-white); --primitive-slate-dark-contrast-500: var(--primitive-white); --primitive-slate-dark-contrast-600: var(--primitive-black); --primitive-slate-dark-contrast-700: var(--primitive-black); --primitive-slate-dark-contrast-800: var(--primitive-black); --primitive-slate-dark-contrast-900: var(--primitive-black); --primitive-slate-dark-contrast-1000: var(--primitive-black); --primitive-slate-dark-contrast-1100: var(--primitive-black); --primitive-black-alpha-0: rgba(0,0,0,0); --primitive-black-alpha-4: rgba(0,0,0,0.04); --primitive-black-alpha-5: rgba(0,0,0,0.05); --primitive-black-alpha-10: rgba(0,0,0,0.1); --primitive-black-alpha-12: rgba(0,0,0,0.12); --primitive-black-alpha-15: rgba(0,0,0,0.15); --primitive-black-alpha-20: rgba(0,0,0,0.2); --primitive-black-alpha-25: rgba(0,0,0,0.25); --primitive-black-alpha-26: rgba(0,0,0,0.26); --primitive-black-alpha-30: rgba(0,0,0,0.3); --primitive-black-alpha-35: rgba(0,0,0,0.35); --primitive-black-alpha-38: rgba(0,0,0,0.38); --primitive-black-alpha-40: rgba(0,0,0,0.4); --primitive-black-alpha-45: rgba(0,0,0,0.45); --primitive-black-alpha-50: rgba(0,0,0,0.5); --primitive-black-alpha-54: rgba(0,0,0,0.54); --primitive-black-alpha-55: rgba(0,0,0,0.55); --primitive-black-alpha-60: rgba(0,0,0,0.6); --primitive-black-alpha-65: rgba(0,0,0,0.65); --primitive-black-alpha-70: rgba(0,0,0,0.7); --primitive-black-alpha-74: rgba(0,0,0,0.74); --primitive-black-alpha-75: rgba(0,0,0,0.75); --primitive-black-alpha-80: rgba(0,0,0,0.8); --primitive-black-alpha-85: rgba(0,0,0,0.85); --primitive-black-alpha-87: rgba(0,0,0,0.87); --primitive-black-alpha-90: rgba(0,0,0,0.9); --primitive-black-alpha-95: rgba(0,0,0,0.95); --primitive-black-alpha-100: #000000; --primitive-white-alpha-0: rgba(255,255,255,0); --primitive-white-alpha-4: rgba(255,255,255,0.04); --primitive-white-alpha-5: rgba(255,255,255,0.05); --primitive-white-alpha-10: rgba(255,255,255,0.1); --primitive-white-alpha-12: rgba(255,255,255,0.12); --primitive-white-alpha-15: rgba(255,255,255,0.15); --primitive-white-alpha-20: rgba(255,255,255,0.2); --primitive-white-alpha-25: rgba(255,255,255,0.25); --primitive-white-alpha-26: rgba(255,255,255,0.26); --primitive-white-alpha-30: rgba(255,255,255,0.3); --primitive-white-alpha-35: rgba(255,255,255,0.35); --primitive-white-alpha-38: rgba(255,255,255,0.38); --primitive-white-alpha-40: rgba(255,255,255,0.4); --primitive-white-alpha-45: rgba(255,255,255,0.45); --primitive-white-alpha-50: rgba(255,255,255,0.5); --primitive-white-alpha-54: rgba(255,255,255,0.54); --primitive-white-alpha-55: rgba(255,255,255,0.55); --primitive-white-alpha-60: rgba(255,255,255,0.6); --primitive-white-alpha-65: rgba(255,255,255,0.65); --primitive-white-alpha-70: rgba(255,255,255,0.7); --primitive-white-alpha-74: rgba(255,255,255,0.74); --primitive-white-alpha-75: rgba(255,255,255,0.75); --primitive-white-alpha-80: rgba(255,255,255,0.8); --primitive-white-alpha-85: rgba(255,255,255,0.85); --primitive-white-alpha-87: rgba(255,255,255,0.87); --primitive-white-alpha-90: rgba(255,255,255,0.9); --primitive-white-alpha-95: rgba(255,255,255,0.95); --primitive-white-alpha-100: #FFFFFF; --primitive-primary-blue-alpha-4: rgba(0,114,206,0.04); --primitive-primary-blue-alpha-12: rgba(0,114,206,0.12); --primitive-primary-blue-alpha-20: rgba(0,114,206,0.2); --primitive-fox-red-alpha-4: rgba(213,27,38,0.04); --primitive-fox-red-alpha-12: rgba(213,27,38,0.12); --primitive-fox-red-alpha-20: rgba(213,27,38,0.2); --primitive-primary-magic-alpha-4: rgba(128,81,255,0.04); --primitive-primary-magic-alpha-12: rgba(128,81,255,0.12); --primitive-primary-magic-alpha-20: rgba(128,81,255,0.2); --primitive-cyber-dark-50: #F9FFFF; --primitive-cyber-dark-100: #D5EFEF; --primitive-cyber-dark-200: #B0D8D9; --primitive-cyber-dark-300: #86B6B8; --primitive-cyber-dark-400: #5A8F91; --primitive-cyber-dark-500: #0D405D; --primitive-cyber-dark-600: #052F47; --primitive-cyber-dark-700: #002337; --primitive-cyber-dark-800: #001927; --primitive-cyber-dark-900: #000A0F; --primitive-cyber-dark-contrast-50: var(--primitive-cyber-blue-900); --primitive-cyber-dark-contrast-100: var(--primitive-black); --primitive-cyber-dark-contrast-200: var(--primitive-black); --primitive-cyber-dark-contrast-300: var(--primitive-black); --primitive-cyber-dark-contrast-400: var(--primitive-black); --primitive-cyber-dark-contrast-500: var(--primitive-black); --primitive-cyber-dark-contrast-600: var(--primitive-black); --primitive-cyber-dark-contrast-700: var(--primitive-black); --primitive-cyber-dark-contrast-800: var(--primitive-black); --primitive-cyber-dark-contrast-900: var(--primitive-white); --primitive-primary-cyber-alpha-4: rgba(0,192,206,0.04); --primitive-primary-cyber-alpha-12: rgba(0,175,206,0.12); --primitive-primary-cyber-alpha-20: rgba(0,185,206,0.2); --semantic-background-app-bar: var(--primitive-cyber-dark-800); --semantic-background-background: var(--primitive-cyber-dark-900); --semantic-background-overlay: var(--primitive-black-alpha-70); --semantic-background-card: var(--primitive-cyber-dark-800); --semantic-background-card-inverse: var(--primitive-cyber-dark-600); --semantic-background-table-head: var(--primitive-cyber-dark-600); --semantic-background-table-hover: var(--primitive-cyber-dark-500); --semantic-background-dialog: var(--primitive-cyber-dark-800); --semantic-background-disabled-button-toggle: var(--primitive-black); --semantic-background-disabled-button: var(--primitive-white-alpha-30); --semantic-background-disabled-list-option: var(--primitive-black); --semantic-background-focused-button: var(--primitive-white-alpha-12); --semantic-background-focus-outline: var(--primitive-cyber-blue-400); --semantic-background-hover: var(--primitive-white-alpha-4); --semantic-background-raised-button: var(--primitive-cyber-dark-700); --semantic-background-selected-button: var(--primitive-cyber-dark-800); --semantic-background-selected-disabled-button: var(--primitive-white-alpha-12); --semantic-background-status-bar: var(--primitive-cyber-dark-900); --semantic-background-tooltip: var(--primitive-cyber-dark-500); --semantic-background-unselected-chip: var(--primitive-cyber-dark-500); --semantic-background-form-field: var(--primitive-cyber-dark-600); --semantic-background-form-field-hover: var(--primitive-cyber-dark-500); --semantic-background-form-field-active: var(--primitive-cyber-dark-400); --semantic-background-form-field-disabled: var(--primitive-cyber-dark-400); --semantic-background-form-field-border: var(--primitive-cyber-dark-500); --semantic-background-form-field-error: var(--primitive-error); --semantic-background-stepper: var(--primitive-white-alpha-30); --semantic-background-stepper-hover: var(--primitive-white-alpha-35); --semantic-background-stepper-active: var(--primitive-white-alpha-40); --semantic-background-stepper-disabled: var(--primitive-white-alpha-45); --semantic-background-slide-toggle-neutral: var(--primitive-cyber-dark-700); --semantic-background-slide-toggle-disabled: var(--primitive-white-alpha-45); --semantic-background-slide-toggle-track-neutral: var(--primitive-white-alpha-38); --semantic-background-fill-rest: var(--primitive-cyber-dark-800); --semantic-background-fill-rest-inverse: var(--primitive-white); --semantic-background-fill-hover: var(--primitive-cyber-dark-600); --semantic-background-fill-hover-inverse: var(--primitive-cyber-dark-200); --semantic-background-fill-hover-inverse 2: var(--primitive-cyber-dark-600); --semantic-background-fill-active: var(--primitive-cyber-dark-600); --semantic-background-fill-active-inverse: var(--primitive-cyber-dark-300); --semantic-background-fill-disabled: var(--primitive-cyber-dark-800); --semantic-background-fill-error: var(--primitive-cyber-dark-800); --semantic-background-fill-secondary-rest: var(--primitive-black-alpha-0); --semantic-background-fill-secondary-hover: var(--primitive-white-alpha-4); --semantic-background-fill-secondary-active: var(--primitive-white-alpha-12); --semantic-background-fill-secondary-disabled: var(--primitive-black-alpha-0); --semantic-background-fill-tertiary: var(--primitive-cyber-dark-500); --semantic-background-fill-tertiary-inverse: var(--primitive-cyber-dark-300); --semantic-background-fill-inverse: var(--primitive-white); --semantic-background-fill-inverse-strong: var(--primitive-cyber-dark-600); --semantic-background-fill-transparent: var(--primitive-white-alpha-10); --semantic-background-fill-transparent-secondary: var(--primitive-white-alpha-12); --semantic-background-surface: var(--primitive-cyber-dark-800); --semantic-background-surface-secondary: var(--primitive-cyber-dark-700); --semantic-background-surface-tertiary: var(--primitive-cyber-dark-600); --semantic-background-surface-transparent: var(--primitive-white-alpha-60); --semantic-background-surface-info-light: var(--primitive-azure-900); --semantic-background-surface-info-light-hover: var(--primitive-azure-800); --semantic-background-surface-info-light-active: var(--primitive-azure-700); --semantic-background-surface-info-strong: var(--primitive-azure-400); --semantic-background-surface-info-strong-hover: var(--primitive-azure-300); --semantic-background-surface-info-strong-active: var(--primitive-azure-200); --semantic-background-surface-emphasis-light: var(--primitive-blue-900); --semantic-background-surface-emphasis-light-hover: var(--primitive-blue-800); --semantic-background-surface-emphasis-light-active: var(--primitive-blue-700); --semantic-background-surface-emphasis-strong: var(--primitive-blue-700); --semantic-background-surface-emphasis-strong-hover: var(--primitive-blue-600); --semantic-background-surface-emphasis-strong-active: var(--primitive-blue-500); --semantic-background-surface-magic-light: var(--primitive-magic-900); --semantic-background-surface-magic-light-hover: var(--primitive-magic-800); --semantic-background-surface-magic-light-active: var(--primitive-magic-700); --semantic-background-surface-magic-strong: var(--primitive-magic-700); --semantic-background-surface-magic-strong-hover: var(--primitive-magic-600); --semantic-background-surface-magic-strong-active: var(--primitive-magic-500); --semantic-background-surface-success-light: var(--primitive-green-900); --semantic-background-surface-success-light-hover: var(--primitive-green-800); --semantic-background-surface-success-light-active: var(--primitive-green-700); --semantic-background-surface-success-strong: var(--primitive-green-700); --semantic-background-surface-success-strong-hover: var(--primitive-green-600); --semantic-background-surface-success-strong-active: var(--primitive-green-500); --semantic-background-surface-caution-light: var(--primitive-yellow-900); --semantic-background-surface-caution-light-hover: var(--primitive-yellow-800); --semantic-background-surface-caution-light-active: var(--primitive-yellow-700); --semantic-background-surface-caution-strong: var(--primitive-yellow-200); --semantic-background-surface-caution-strong-hover: var(--primitive-yellow-100); --semantic-background-surface-caution-strong-active: var(--primitive-yellow-50); --semantic-background-surface-warning-light: var(--primitive-yellow-orange-900); --semantic-background-surface-warning-light-hover: var(--primitive-yellow-orange-800); --semantic-background-surface-warning-light-active: var(--primitive-yellow-orange-700); --semantic-background-surface-warning-strong: var(--primitive-yellow-orange-400); --semantic-background-surface-warning-strong-hover: var(--primitive-yellow-orange-300); --semantic-background-surface-warning-strong-active: var(--primitive-yellow-orange-200); --semantic-background-surface-critical-light: var(--primitive-fox-red-900); --semantic-background-surface-critical-light-hover: var(--primitive-fox-red-800); --semantic-background-surface-critical-light-active: var(--primitive-fox-red-700); --semantic-background-surface-critical-strong: var(--primitive-fox-red-700); --semantic-background-surface-critical-strong-hover: var(--primitive-fox-red-600); --semantic-background-surface-critical-strong-active: var(--primitive-fox-red-500); --semantic-background-surface-high-alert-light: var(--primitive-rose-900); --semantic-background-surface-high-alert-light-hover: var(--primitive-rose-800); --semantic-background-surface-high-alert-light-active: var(--primitive-rose-700); --semantic-background-surface-high-alert-strong: var(--primitive-rose-700); --semantic-background-surface-high-alert-strong-hover: var(--primitive-rose-600); --semantic-background-surface-high-alert-strong-active: var(--primitive-rose-500); --semantic-background-border: var(--primitive-cyber-dark-500); --semantic-background-border-hover: var(--primitive-cyber-dark-400); --semantic-background-border-active: var(--primitive-cyber-dark-300); --semantic-background-border-disabled: var(--primitive-white-alpha-40); --semantic-background-border-secondary: var(--primitive-cyber-dark-800); --semantic-background-border-secondary-hover: var(--primitive-cyber-dark-700); --semantic-background-border-secondary-active: var(--primitive-cyber-dark-600); --semantic-background-border-secondary-disabled: var(--primitive-white-alpha-40); --semantic-background-border-tertiary: var(--primitive-cyber-dark-900); --semantic-background-border-info: var(--primitive-azure-700); --semantic-background-border-emphasis: var(--primitive-blue-700); --semantic-background-border-success: var(--primitive-green-700); --semantic-background-border-magic: var(--primitive-magic-700); --semantic-background-border-caution: var(--primitive-yellow-700); --semantic-background-border-warning: var(--primitive-yellow-orange-700); --semantic-background-border-critical: var(--primitive-fox-red-400); --semantic-background-border-high-alert: var(--primitive-rose-700); --semantic-background-chart-red-0: var(--primitive-fox-red-400); --semantic-background-chart-red-1: var(--primitive-fox-red-300); --semantic-background-chart-red-2: var(--primitive-fox-red-100); --semantic-background-chart-red-3: var(--primitive-orange-500); --semantic-background-chart-red-4: var(--primitive-orange-400); --semantic-background-chart-red-5: var(--primitive-yellow-orange-300); --semantic-background-chart-blue-0: var(--primitive-azure-600); --semantic-background-chart-blue-1: var(--primitive-azure-500); --semantic-background-chart-blue-2: var(--primitive-azure-400); --semantic-background-chart-blue-3: var(--primitive-magic-400); --semantic-background-chart-blue-4: var(--primitive-green-400); --semantic-background-chart-blue-5: var(--primitive-primary-blue-200); --semantic-background-chart-cyber-0: var(--primitive-cyber-blue-600); --semantic-background-chart-cyber-1: var(--primitive-cyber-blue-200); --semantic-background-chart-cyber-2: var(--primitive-cyber-dark-100); --semantic-background-chart-cyber-3: var(--primitive-magic-400); --semantic-background-chart-cyber-4: var(--primitive-green-400); --semantic-background-chart-cyber-5: var(--primitive-primary-blue-500); --semantic-foreground-base: var(--primitive-white); --semantic-foreground-disabled-button: var(--primitive-white-alpha-30); --semantic-foreground-disabled-button-inverse: var(--primitive-black-alpha-26); --semantic-foreground-disabled-text: var(--primitive-white-alpha-80); --semantic-foreground-disabled-text-inverse: var(--primitive-black-alpha-38); --semantic-foreground-disabled: var(--primitive-white-alpha-50); --semantic-foreground-divider: var(--primitive-white-alpha-12); --semantic-foreground-divider-inverse: var(--primitive-black-alpha-12); --semantic-foreground-elevation: var(--primitive-black); --semantic-foreground-focused: var(--primitive-white-alpha-20); --semantic-foreground-hover: var(--primitive-white-alpha-12); --semantic-foreground-hint-text: var(--primitive-white-alpha-50); --semantic-foreground-icon: var(--primitive-white-alpha-74); --semantic-foreground-icon-inverse: var(--primitive-black-alpha-54); --semantic-foreground-icon-inverse-strong: var(--primitive-white-alpha-74); --semantic-foreground-secondary-text: var(--primitive-white-alpha-70); --semantic-foreground-secondary-text-inverse: var(--primitive-black-alpha-55); --semantic-foreground-slider-min: var(--primitive-white); --semantic-foreground-slider-off-active: var(--primitive-white-alpha-50); --semantic-foreground-slider-off: var(--primitive-white-alpha-30); --semantic-foreground-status-icon-info: var(--primitive-azure-500); --semantic-foreground-status-icon-success: var(--primitive-confirm-green-500); --semantic-foreground-status-icon-success-inverse: var(--primitive-confirm-green-600); --semantic-foreground-status-icon-medium: var(--primitive-orange-400); --semantic-foreground-status-icon-fail: var(--primitive-fox-red-400); --semantic-foreground-status-icon-critical: var(--primitive-fox-red-400); --semantic-foreground-status-icon-critical-inverse: var(--primitive-fox-red-600); --semantic-foreground-status-icon-low: var(--primitive-yellow-200); --semantic-foreground-status-icon-high: var(--primitive-yellow-200); --semantic-foreground-status-icon-caution: var(--primitive-yellow-200); --semantic-foreground-status-icon-caution-inverse: var(--primitive-yellow-orange-400); --semantic-foreground-status-icon-normal: var(--primitive-magic-500); --semantic-foreground-status-icon-undefined: var(--primitive-magic-500); --semantic-foreground-status-icon-progress: var(--primitive-magic-500); --semantic-foreground-status-icon-incomplete: var(--primitive-magic-500); --semantic-foreground-status-icon-todo: var(--primitive-cyber-dark-400); --semantic-foreground-status-icon-pending: var(--primitive-cyber-dark-400); --semantic-foreground-status-icon-draft: var(--primitive-cyber-dark-400); --semantic-foreground-status-icon-unknown: var(--primitive-cyber-dark-400); --semantic-foreground-status-icon-ended: var(--primitive-cyber-dark-400); --semantic-foreground-status-icon-archived: var(--primitive-cyber-dark-400); --semantic-foreground-status-icon-risk-critical: var(--primitive-fox-red-400); --semantic-foreground-status-icon-risk-high: var(--primitive-fox-red-400); --semantic-foreground-status-icon-risk-medium: var(--primitive-orange-400); --semantic-foreground-status-icon-risk-low: var(--primitive-azure-500); --semantic-foreground-status-icon-risk-info: var(--primitive-cyber-dark-400); --semantic-foreground-text: var(--primitive-white); --semantic-foreground-text-inverse: var(--primitive-black-alpha-87); --semantic-foreground-text-on-fill: var(--primitive-black-alpha-87); --semantic-foreground-text-on-surface: var(--primitive-black-alpha-87); --semantic-foreground-text-strong-black: var(--primitive-black); --semantic-foreground-text-strong-white: var(--primitive-white); --semantic-foreground-text-info: var(--primitive-azure-400); --semantic-foreground-text-info-hover: var(--primitive-azure-100); --semantic-foreground-text-emphasis: var(--primitive-blue-400); --semantic-foreground-text-emphasis-hover: var(--primitive-blue-100); --semantic-foreground-text-magic: var(--primitive-magic-400); --semantic-foreground-text-magic-hover: var(--primitive-magic-100); --semantic-foreground-text-success: var(--primitive-green-400); --semantic-foreground-text-success-hover: var(--primitive-green-100); --semantic-foreground-text-caution: var(--primitive-yellow-400); --semantic-foreground-text-caution-hover: var(--primitive-yellow-100); --semantic-foreground-text-warning: var(--primitive-yellow-orange-400); --semantic-foreground-text-warning-hover: var(--primitive-yellow-orange-100); --semantic-foreground-text-critical: var(--primitive-fox-red-300); --semantic-foreground-text-critical-hover: var(--primitive-fox-red-100); --semantic-foreground-text-high-alert: var(--primitive-rose-400); --semantic-foreground-text-high-alert-hover: var(--primitive-rose-100); --semantic-foreground-brand-on-fill: var(--primitive-black); --semantic-foreground-brand-on-fill-strong: var(--primitive-white); --semantic-foreground-brand-on-fill-inverse: var(--primitive-white); --semantic-foreground-brand-primary-rest: var(--primitive-cyber-blue-600); --semantic-foreground-brand-primary-hover: var(--primitive-cyber-blue-300); --semantic-foreground-brand-primary-active: var(--primitive-cyber-blue-200); --semantic-foreground-brand-primary-hover-alpha: var(--primitive-primary-cyber-alpha-12); --semantic-foreground-brand-primary-active-alpha: var(--primitive-primary-cyber-alpha-20); --semantic-foreground-brand-primary-selected-alpha: var(--primitive-primary-cyber-alpha-20); --semantic-foreground-brand-primary-hover-alpha-inverse: var(--primitive-primary-cyber-alpha-4); --semantic-foreground-brand-primary-active-alpha-inverse: var(--primitive-primary-cyber-alpha-12); --semantic-foreground-brand-primary-selected-alpha-inverse: var(--primitive-primary-cyber-alpha-20); --semantic-foreground-brand-primary-inverse-rest: var(--primitive-cyber-blue-700); --semantic-foreground-brand-primary-inverse-hover: var(--primitive-cyber-blue-800); --semantic-foreground-brand-primary-inverse-active: var(--primitive-cyber-blue-900); --semantic-foreground-brand-secondary-rest: var(--primitive-cyber-blue-900); --semantic-foreground-brand-warn-rest: var(--primitive-fox-red-200); --semantic-foreground-brand-warn-hover: var(--primitive-fox-red-100); --semantic-foreground-brand-warn-active: var(--primitive-fox-red-50); --semantic-foreground-brand-warn-hover-alpha: var(--primitive-fox-red-alpha-12); --semantic-foreground-brand-warn-active-alpha: var(--primitive-fox-red-alpha-20); --semantic-foreground-brand-warn-hover-alpha-inverse: var(--primitive-fox-red-alpha-4); --semantic-foreground-brand-warn-active-alpha-inverse: var(--primitive-fox-red-alpha-12); --semantic-foreground-brand-warn-selected-alpha-inverse: var(--primitive-fox-red-alpha-20); --semantic-foreground-brand-warn-inverse-rest: var(--primitive-fox-red-200); --semantic-foreground-brand-warn-inverse-hover: var(--primitive-fox-red-100); --semantic-foreground-brand-warn-inverse-active: var(--primitive-fox-red-50); --semantic-foreground-brand-magic-rest: var(--primitive-magic-500); --semantic-foreground-brand-magic-hover: var(--primitive-magic-400); --semantic-foreground-brand-magic-active: var(--primitive-magic-300); --semantic-foreground-brand-magic-hover-alpha: var(--primitive-primary-magic-alpha-12); --semantic-foreground-brand-magic-active-alpha: var(--primitive-primary-magic-alpha-20); --semantic-foreground-brand-magic-inverse-rest: var(--primitive-magic-700); --semantic-foreground-brand-magic-inverse-hover: var(--primitive-magic-800); --semantic-foreground-brand-magic-inverse-active: var(--primitive-magic-900); --brand-fox-blue: var(--primitive-fox-blue-50); --brand-dark-blue: var(--primitive-fox-blue-100); --brand-black-blue: var(--primitive-fox-blue-200); --brand-fox-red: var(--primitive-fox-red-300); --brand-dark-red: var(--primitive-fox-red-500); --brand-cyber-blue: var(--primitive-cyber-blue-100); --brand-faded-cyber: var(--primitive-cyber-blue-700); --brand-contrast-fox-blue: var(--primitive-fox-blue-100); --brand-contrast-dark-blue: var(--primitive-fox-blue-100); --brand-contrast-black-blue: var(--primitive-fox-blue-100); --brand-contrast-fox-red: var(--primitive-black); --brand-contrast-dark-red: var(--primitive-fox-red-100); --brand-contrast-cyber-blue: var(--primitive-black); --brand-contrast-faded-cyber: var(--primitive-white); --categories-a: var(--primitive-cyber-blue-300); --categories-b: var(--primitive-green-700); --categories-c: var(--primitive-green-500); --categories-d: var(--primitive-yellow-400); --categories-e: var(--primitive-yellow-orange-500); --categories-f: var(--primitive-orange-700); --categories-g: var(--primitive-magenta-800); --categories-contrast-a: var(--primitive-black); --categories-contrast-b: var(--primitive-white); --categories-contrast-c: var(--primitive-black); --categories-contrast-d: var(--primitive-black); --categories-contrast-e: var(--primitive-black); --categories-contrast-f: var(--primitive-white); --categories-contrast-g: var(--primitive-magenta-50); }