/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --alpha-alpha-white-20: var(--colors-alpha-alpha-white-20); /* @kind color */
  --alpha-alpha-white-30: var(--colors-alpha-alpha-white-30); /* @kind color */
  --alpha-alpha-white-40: var(--colors-alpha-alpha-white-40); /* @kind color */
  --background-background-alfa-dark: var(--color-alpha-alpha-white-50); /* @kind color */
  --background-background-black: var(--colors-base-black); /* @kind color */
  --background-background-card-2: var(--color-neutral-n30); /* @kind color */
  --background-background-card-3: var(--color-neutral-n30); /* @kind color */
  --background-background-card: var(--color-neutral-n10); /* @kind color */
  --background-background-error-25: var(--color-red-50); /* @kind color */
  --background-background-error-50: var(--color-red-100); /* @kind color */
  --background-background-error: var(--color-red-600); /* @kind color */
  --background-background-info-25: var(--color-blue-50); /* @kind color */
  --background-background-info-50: var(--color-blue-100); /* @kind color */
  --background-background-info: var(--color-blue-500); /* @kind color */
  --background-background-neutral-100-2: var(--colors-neutral-100-2); /* @kind color */
  --background-background-neutral-100: var(--colors-neutral-100); /* @kind color */
  --background-background-primary-200: var(--color-green-200); /* @kind color */
  --background-background-primary-2: var(--colors-primary-sa-flag-600-primary); /* @kind color */
  --background-background-primary-400: var(--color-green-400); /* @kind color */
  --background-background-primary-50: var(--color-green-50); /* @kind color */
  --background-background-primary: var(--color-green-700); /* @kind color */
  --background-background-success-25: var(--color-green-50); /* @kind color */
  --background-background-success-50: var(--color-green-100); /* @kind color */
  --background-background-success: var(--color-green-600); /* @kind color */
  --background-background-toast-error: var(--color-alpha-alpha-red-10); /* @kind color */
  --background-background-toast-info: var(--color-alpha-alpha-blue-10); /* @kind color */
  --background-background-toast-neutral: var(--color-neutral-n30); /* @kind color */
  --background-background-toast-success: var(--color-alpha-alpha-primary-10); /* @kind color */
  --background-background-toast-warning: var(--color-alpha-alpha-orange-10); /* @kind color */
  --background-background-warning-25: var(--color-orange-50); /* @kind color */
  --background-background-warning-50: var(--color-orange-100); /* @kind color */
  --background-background-warning: var(--color-orange-500); /* @kind color */
  --background-background-white-2: var(--colors-base-white); /* @kind color */
  --background-background-white: var(--color-neutral-n0); /* @kind color */
  --background-base: var(--color-neutral-n300); /* @kind color */
  --background-card-4: var(--background-surface-raised); /* @kind color */
  --background-overlay: rgb(8,14,25); /* @kind color */
  --background-sidebar: rgb(8,16,26); /* @kind color */
  --background-surface-oncolor: var(--colors-base-white); /* @kind color */
  --background-surface-raised: rgb(18,26,42); /* @kind color */
  --background-surface: var(--color-neutral-n200); /* @kind color */
  --backgrounds-primary: rgb(255,255,255); /* @kind color */
  --border-border-black: var(--colors-base-black-2); /* @kind color */
  --border-border-disabled: var(--color-neutral-n50); /* @kind color */
  --border-border-error-light: var(--color-red-200); /* @kind color */
  --border-border-error: var(--color-red-600); /* @kind color */
  --border-border-info-light: var(--color-blue-200); /* @kind color */
  --border-border-info: var(--color-blue-600); /* @kind color */
  --border-border-neutral-primary-2: var(--color-neutral-n40); /* @kind color */
  --border-border-neutral-primary: var(--color-neutral-n30); /* @kind color */
  --border-border-oncolor-transparent-30: var(--color-alpha-alpha-black-30); /* @kind color */
  --border-border-primary-2: var(--colors-primary-sa-flag-600-primary); /* @kind color */
  --border-border-primary-light: var(--colors-primary-sa-flag-200); /* @kind color */
  --border-border-primary: var(--color-alpha-alpha-primary-50); /* @kind color */
  --border-border-success-light: var(--color-green-200); /* @kind color */
  --border-border-success: var(--color-green-600); /* @kind color */
  --border-border-transparent-10: var(--color-alpha-alpha-black-10); /* @kind color */
  --border-border-warning-light: var(--color-orange-200); /* @kind color */
  --border-border-warning: var(--color-orange-600); /* @kind color */
  --border-border-white: var(--colors-base-white-2); /* @kind color */
  --button-button-background-neutral-hovered: var(--colors-neutral-100); /* @kind color */
  --button-button-background-neutral-pressed: var(--colors-neutral-200); /* @kind color */
  --button-button-background-transparent-hovered: var(--alpha-alpha-white-20); /* @kind color */
  --button-button-background-transparent-pressed: var(--alpha-alpha-white-40); /* @kind color */
  --button-button-destractive-light: var(--color-alpha-alpha-red-10); /* @kind color */
  --button-button-destractive: var(--color-red-600); /* @kind color */
  --button-button-primary-disabled: var(--color-neutral-n50); /* @kind color */
  --button-button-primary-pressed: var(--color-green-800); /* @kind color */
  --button-button-primary: var(--color-green-700); /* @kind color */
  --button-button-secondary-darker: var(--color-neutral-n30); /* @kind color */
  --button-button-secondary-light: var(--color-alpha-alpha-primary-10); /* @kind color */
  --button-button-secondary: var(--color-neutral-n0); /* @kind color */
  --chart-chart-1-blue: var(--color-green-700); /* @kind color */
  --chart-chart-2-purple: var(--color-purple-600); /* @kind color */
  --chart-chart-3-green: var(--color-green-700); /* @kind color */
  --chart-chart-4-amber: var(--color-orange-600); /* @kind color */
  --chart-chart-5-red: var(--color-red-600); /* @kind color */
  --chart-chart-6-pink: var(--color-pink-600); /* @kind color */
  --color-alpha-alpha-black-10: rgba(5,8,16,0.1); /* @kind color */
  --color-alpha-alpha-black-20: rgba(5,8,16,0.2); /* @kind color */
  --color-alpha-alpha-black-30: rgba(5,8,16,0.3); /* @kind color */
  --color-alpha-alpha-black-40: rgba(5,8,16,0.4); /* @kind color */
  --color-alpha-alpha-black-50: rgba(5,8,16,0.5); /* @kind color */
  --color-alpha-alpha-black-60: rgba(5,8,16,0.6); /* @kind color */
  --color-alpha-alpha-black-70: rgba(5,8,16,0.7); /* @kind color */
  --color-alpha-alpha-black-80: rgba(5,8,16,0.8); /* @kind color */
  --color-alpha-alpha-black-90: rgba(5,8,16,0.9); /* @kind color */
  --color-alpha-alpha-blue-10: rgba(0,145,255,0.1); /* @kind color */
  --color-alpha-alpha-blue-20: rgba(0,145,255,0.2); /* @kind color */
  --color-alpha-alpha-green-4: rgba(0,255,136,0.04); /* @kind color */
  --color-alpha-alpha-green-8: rgba(0,255,136,0.08); /* @kind color */
  --color-alpha-alpha-orange-10: rgba(255,165,0,0.1); /* @kind color */
  --color-alpha-alpha-orange-20: rgba(255,165,0,0.2); /* @kind color */
  --color-alpha-alpha-orange-4: rgba(255,165,0,0.04); /* @kind color */
  --color-alpha-alpha-orange-8: rgba(255,165,0,0.08); /* @kind color */
  --color-alpha-alpha-primary-10: rgba(0,212,255,0.1); /* @kind color */
  --color-alpha-alpha-primary-20: rgba(0,212,255,0.2); /* @kind color */
  --color-alpha-alpha-primary-30: rgba(0,212,255,0.3); /* @kind color */
  --color-alpha-alpha-primary-40: rgba(0,212,255,0.4); /* @kind color */
  --color-alpha-alpha-primary-4: rgba(0,212,255,0.04); /* @kind color */
  --color-alpha-alpha-primary-50: rgba(0,212,255,0.5); /* @kind color */
  --color-alpha-alpha-primary-60: rgba(0,212,255,0.6); /* @kind color */
  --color-alpha-alpha-primary-6: rgba(0,212,255,0.06); /* @kind color */
  --color-alpha-alpha-primary-70: rgba(0,212,255,0.7); /* @kind color */
  --color-alpha-alpha-primary-80: rgba(0,212,255,0.8); /* @kind color */
  --color-alpha-alpha-primary-8: rgba(0,212,255,0.08); /* @kind color */
  --color-alpha-alpha-primary-90: rgba(0,212,255,0.9); /* @kind color */
  --color-alpha-alpha-red-10: rgba(235,87,87,0.1); /* @kind color */
  --color-alpha-alpha-red-20: rgba(235,87,87,0.2); /* @kind color */
  --color-alpha-alpha-red-4: rgba(235,87,87,0.04); /* @kind color */
  --color-alpha-alpha-red-8: rgba(235,87,87,0.08); /* @kind color */
  --color-alpha-alpha-white-10: rgba(255,255,255,0.1); /* @kind color */
  --color-alpha-alpha-white-20: rgba(255,255,255,0.2); /* @kind color */
  --color-alpha-alpha-white-30: rgba(255,255,255,0.3); /* @kind color */
  --color-alpha-alpha-white-40: rgba(255,255,255,0.4); /* @kind color */
  --color-alpha-alpha-white-50: rgba(255,255,255,0.5); /* @kind color */
  --color-alpha-alpha-white-60: rgba(255,255,255,0.6); /* @kind color */
  --color-alpha-alpha-white-70: rgba(255,255,255,0.7); /* @kind color */
  --color-alpha-alpha-white-80: rgba(255,255,255,0.8); /* @kind color */
  --color-alpha-alpha-white-90: rgba(255,255,255,0.9); /* @kind color */
  --color-blue-100: rgb(179,244,255); /* @kind color */
  --color-blue-200: rgb(128,236,255); /* @kind color */
  --color-blue-300: rgb(77,228,255); /* @kind color */
  --color-blue-400: rgb(26,220,255); /* @kind color */
  --color-blue-500: rgb(0,212,255); /* @kind color */
  --color-blue-50: rgb(224,251,255); /* @kind color */
  --color-blue-600: rgb(0,170,207); /* @kind color */
  --color-blue-700: rgb(0,128,159); /* @kind color */
  --color-blue-800: rgb(0,86,111); /* @kind color */
  --color-blue-900: rgb(0,44,63); /* @kind color */
  --color-green-100: rgb(176,242,255); /* @kind color */
  --color-green-200: rgb(138,235,255); /* @kind color */
  --color-green-300: rgb(84,226,255); /* @kind color */
  --color-green-400: rgb(51,221,255); /* @kind color */
  --color-green-500-primary: rgb(0,212,255); /* @kind color */
  --color-green-50: rgb(230,251,255); /* @kind color */
  --color-green-600: rgb(0,193,232); /* @kind color */
  --color-green-700: rgb(0,151,181); /* @kind color */
  --color-green-800: rgb(0,117,140); /* @kind color */
  --color-green-900: rgb(0,89,107); /* @kind color */
  --color-neutral-n0: rgb(255,255,255); /* @kind color */
  --color-neutral-n100: rgb(35,38,45); /* @kind color */
  --color-neutral-n10: rgb(253,253,253); /* @kind color */
  --color-neutral-n200: rgb(25,28,35); /* @kind color */
  --color-neutral-n20: rgb(245,245,245); /* @kind color */
  --color-neutral-n300: rgb(5,8,16); /* @kind color */
  --color-neutral-n30: rgb(240,240,241); /* @kind color */
  --color-neutral-n40: rgb(218,218,219); /* @kind color */
  --color-neutral-n500: rgb(6,10,19); /* @kind color */
  --color-neutral-n50: rgb(193,193,195); /* @kind color */
  --color-neutral-n60: rgb(143,144,147); /* @kind color */
  --color-neutral-n70: rgb(93,94,100); /* @kind color */
  --color-neutral-n800: rgb(3,5,10); /* @kind color */
  --color-neutral-n80: rgb(73,75,81); /* @kind color */
  --color-neutral-n900: rgb(2,3,7); /* @kind color */
  --color-neutral-n90: rgb(43,45,52); /* @kind color */
  --color-orange-100: rgb(255,240,179); /* @kind color */
  --color-orange-200: rgb(255,230,128); /* @kind color */
  --color-orange-300: rgb(255,219,77); /* @kind color */
  --color-orange-400: rgb(255,209,26); /* @kind color */
  --color-orange-500: rgb(255,184,0); /* @kind color */
  --color-orange-50: rgb(255,249,224); /* @kind color */
  --color-orange-600: rgb(204,146,0); /* @kind color */
  --color-orange-700: rgb(153,109,0); /* @kind color */
  --color-orange-800: rgb(102,73,0); /* @kind color */
  --color-orange-900: rgb(51,36,0); /* @kind color */
  --color-pink-100: rgb(255,214,236); /* @kind color */
  --color-pink-200: rgb(255,179,220); /* @kind color */
  --color-pink-300: rgb(255,128,197); /* @kind color */
  --color-pink-400: rgb(255,77,174); /* @kind color */
  --color-pink-500: rgb(255,110,180); /* @kind color */
  --color-pink-50: rgb(255,240,247); /* @kind color */
  --color-pink-600: rgb(204,79,143); /* @kind color */
  --color-pink-700: rgb(153,57,106); /* @kind color */
  --color-pink-800: rgb(102,35,69); /* @kind color */
  --color-pink-900: rgb(51,15,32); /* @kind color */
  --color-purple-100: rgb(226,201,255); /* @kind color */
  --color-purple-200: rgb(201,157,255); /* @kind color */
  --color-purple-300: rgb(180,112,255); /* @kind color */
  --color-purple-400: rgb(159,68,255); /* @kind color */
  --color-purple-500: rgb(168,85,247); /* @kind color */
  --color-purple-50: rgb(245,237,255); /* @kind color */
  --color-purple-600: rgb(139,68,204); /* @kind color */
  --color-purple-700: rgb(107,51,153); /* @kind color */
  --color-purple-800: rgb(75,34,102); /* @kind color */
  --color-purple-900: rgb(43,17,51); /* @kind color */
  --color-red-100: rgb(255,214,222); /* @kind color */
  --color-red-200: rgb(255,179,194); /* @kind color */
  --color-red-300: rgb(255,128,153); /* @kind color */
  --color-red-400: rgb(255,77,110); /* @kind color */
  --color-red-500: rgb(255,45,85); /* @kind color */
  --color-red-50: rgb(255,240,243); /* @kind color */
  --color-red-600: rgb(204,36,68); /* @kind color */
  --color-red-700: rgb(153,27,51); /* @kind color */
  --color-red-800: rgb(102,18,34); /* @kind color */
  --color-red-900: rgb(51,9,17); /* @kind color */
  --colors-alpha-alpha-black-20: rgba(22,22,22,0.2); /* @kind color */
  --colors-alpha-alpha-black-30: rgba(22,22,22,0.3); /* @kind color */
  --colors-alpha-alpha-black-40: rgba(22,22,22,0.4); /* @kind color */
  --colors-alpha-alpha-white-20: rgba(255,255,255,0.2); /* @kind color */
  --colors-alpha-alpha-white-30: rgba(255,255,255,0.3); /* @kind color */
  --colors-alpha-alpha-white-40: rgba(255,255,255,0.4); /* @kind color */
  --colors-base-black-2: rgb(22,22,22); /* @kind color */
  --colors-base-black-3: rgb(22,22,22); /* @kind color */
  --colors-base-black: rgb(22,22,22); /* @kind color */
  --colors-base-white-2: rgb(255,255,255); /* @kind color */
  --colors-base-white-3: rgb(255,255,255); /* @kind color */
  --colors-base-white: rgb(255,255,255); /* @kind color */
  --colors-blue-400: rgb(83,177,253); /* @kind color */
  --colors-blue-500: rgb(46,144,250); /* @kind color */
  --colors-blue-700: rgb(23,92,211); /* @kind color */
  --colors-blue: rgb(0,122,255); /* @kind color */
  --colors-error-100: rgb(254,228,226); /* @kind color */
  --colors-green-200: rgb(171,239,198); /* @kind color */
  --colors-green-400: rgb(71,205,137); /* @kind color */
  --colors-green-700: rgb(6,118,71); /* @kind color */
  --colors-info-100: rgb(209,233,255); /* @kind color */
  --colors-neutral-100-2: rgb(243,244,246); /* @kind color */
  --colors-neutral-100-3: rgb(243,244,246); /* @kind color */
  --colors-neutral-100: rgb(243,244,246); /* @kind color */
  --colors-neutral-200: rgb(229,231,235); /* @kind color */
  --colors-neutral-400: rgb(157,164,174); /* @kind color */
  --colors-neutral-600: rgb(77,87,97); /* @kind color */
  --colors-neutral-700-2: rgb(56,66,80); /* @kind color */
  --colors-neutral-700: rgb(56,66,80); /* @kind color */
  --colors-neutral-800-2: rgb(31,42,55); /* @kind color */
  --colors-neutral-800: rgb(31,42,55); /* @kind color */
  --colors-neutral-950: rgb(13,18,28); /* @kind color */
  --colors-primary-sa-flag-200: rgb(184,234,203); /* @kind color */
  --colors-primary-sa-flag-600-primary: rgb(27,131,84); /* @kind color */
  --colors-red-400: rgb(249,112,102); /* @kind color */
  --colors-red-700: rgb(180,35,24); /* @kind color */
  --colors-sa-flag-100: rgb(223,246,231); /* @kind color */
  --colors-warning-100: rgb(254,240,199); /* @kind color */
  --colors-yellow-400: rgb(253,176,34); /* @kind color */
  --colors-yellow-700: rgb(181,71,8); /* @kind color */
  --fills-tertiary: rgba(120,120,128,0.12); /* @kind color */
  --glass-border: rgba(100,180,255,0.08); /* @kind color */
  --glass-fill: rgba(13,19,32,0.6); /* @kind color */
  --glass-glass-border: var(--color-alpha-alpha-black-10); /* @kind color */
  --glass-glass-fill: var(--color-alpha-alpha-white-80); /* @kind color */
  --glass-glass-shine: var(--color-alpha-alpha-white-60); /* @kind color */
  --global-spacing-md: var(--spacing-2-8px);
  --global-spacing-xl: var(--spacing-4-16px);
  --icon-icon-black: var(--color-neutral-n800); /* @kind color */
  --icon-icon-default-2: var(--colors-base-black-2); /* @kind color */
  --icon-icon-default-3: var(--colors-base-black); /* @kind color */
  --icon-icon-default: var(--colors-base-black); /* @kind color */
  --icon-icon-disabled: var(--color-neutral-n90); /* @kind color */
  --icon-icon-error-2: var(--colors-red-700); /* @kind color */
  --icon-icon-error-light: var(--color-red-200); /* @kind color */
  --icon-icon-error: var(--color-red-600); /* @kind color */
  --icon-icon-grey-200: var(--color-neutral-n200); /* @kind color */
  --icon-icon-grey-500: var(--color-neutral-n500); /* @kind color */
  --icon-icon-info-2: var(--colors-blue-700); /* @kind color */
  --icon-icon-info-light: var(--color-blue-200); /* @kind color */
  --icon-icon-info: var(--color-blue-500); /* @kind color */
  --icon-icon-neutral: var(--colors-neutral-700-2); /* @kind color */
  --icon-icon-oncolor-2: var(--colors-base-white); /* @kind color */
  --icon-icon-oncolor: var(--colors-base-white-2); /* @kind color */
  --icon-icon-primary-light: var(--color-alpha-alpha-blue-20); /* @kind color */
  --icon-icon-primary: var(--color-green-700); /* @kind color */
  --icon-icon-success: var(--colors-green-700); /* @kind color */
  --icon-icon-sucess: var(--color-green-600); /* @kind color */
  --icon-icon-warning-2: var(--colors-yellow-700); /* @kind color */
  --icon-icon-warning-light: var(--color-orange-200); /* @kind color */
  --icon-icon-warning: var(--color-orange-700); /* @kind color */
  --icon-icon-white: var(--color-neutral-n10); /* @kind color */
  --labels-primary: rgb(0,0,0); /* @kind color */
  --labels-secondary: rgba(60,60,67,0.6); /* @kind color */
  --miscellaneous-kit-section-fill: rgb(245,245,245); /* @kind color */
  --neon-amber: rgb(255,184,0); /* @kind color */
  --neon-blue: rgb(0,212,255); /* @kind color */
  --neon-green: rgb(0,255,136); /* @kind color */
  --neon-neon-amber: var(--color-orange-600); /* @kind color */
  --neon-neon-blue-glow: var(--color-alpha-alpha-primary-8); /* @kind color */
  --neon-neon-blue: var(--color-green-700); /* @kind color */
  --neon-neon-green-glow: var(--color-alpha-alpha-green-8); /* @kind color */
  --neon-neon-green: var(--color-green-700); /* @kind color */
  --neon-neon-pink: var(--color-pink-600); /* @kind color */
  --neon-neon-purple-glow: var(--color-alpha-alpha-primary-30); /* @kind color */
  --neon-neon-purple: var(--color-purple-600); /* @kind color */
  --neon-neon-red-glow: var(--color-alpha-alpha-red-10); /* @kind color */
  --neon-neon-red: var(--color-red-600); /* @kind color */
  --neon-pink: rgb(255,110,180); /* @kind color */
  --neon-purple: rgb(168,85,247); /* @kind color */
  --neon-red: rgb(255,45,85); /* @kind color */
  --radius-0px: 0;
  --radius-12px: 12;
  --radius-16px: 16;
  --radius-24px: 24;
  --radius-4px: 4;
  --radius-8px: 8;
  --radius-full-round-999px: 999;
  --radius-md: 8;
  --radius-radius-4: 4;
  --radius-radius-sm: var(--radius-radius-4);
  --radius-sm: 4;
  --shadows-shadow-error: var(--color-alpha-alpha-black-20); /* @kind color */
  --shadows-shadow-success: var(--color-alpha-alpha-black-10); /* @kind color */
  --shadows-shadow-warning: var(--color-alpha-alpha-black-10); /* @kind color */
  --sidebar-sidebar-active-bg: var(--color-alpha-alpha-primary-10); /* @kind color */
  --sidebar-sidebar-active-text: var(--color-green-700); /* @kind color */
  --sidebar-sidebar-bg: var(--color-neutral-n10); /* @kind color */
  --sidebar-sidebar-border: var(--color-neutral-n40); /* @kind color */
  --sidebar-sidebar-inactive-text: var(--color-neutral-n70); /* @kind color */
  --size-24: 24;
  --size-4: 4;
  --size-8: 8;
  --spacing-0px: 0;
  --spacing-1-4px: 4;
  --spacing-112-px: 112;
  --spacing-128-px: 128;
  --spacing-12px: 12;
  --spacing-144-px: 144;
  --spacing-160-px: 160;
  --spacing-16px: 16;
  --spacing-2-8px-2: 8;
  --spacing-2-8px: 8;
  --spacing-20px: 20;
  --spacing-24px: 24;
  --spacing-32px: 32;
  --spacing-3xl: var(--spacing-6-24px);
  --spacing-4-16px: 16;
  --spacing-40px: 40;
  --spacing-48px: 48;
  --spacing-4px: 4;
  --spacing-6-24px: 24;
  --spacing-64px: 64;
  --spacing-72px: 72;
  --spacing-80-px: 80;
  --spacing-8px: 8;
  --spacing-96-px: 96;
  --spacing-md: var(--spacing-2-8px-2);
  --status-status-away: var(--color-orange-600); /* @kind color */
  --status-status-busy: var(--color-red-600); /* @kind color */
  --status-status-offline: var(--color-neutral-n40); /* @kind color */
  --status-status-online: var(--color-green-600); /* @kind color */
  --surface-surface-base: var(--color-neutral-n20); /* @kind color */
  --surface-surface-default: var(--color-neutral-n0); /* @kind color */
  --surface-surface-overlay: var(--color-neutral-n0); /* @kind color */
  --surface-surface-raised: var(--color-neutral-n10); /* @kind color */
  --surface-surface-sidebar: var(--color-neutral-n10); /* @kind color */
  --tag-text: var(--color-neutral-n0); /* @kind color */
  --text-text-content-gap: var(--spacing-2-8px);
  --text-text-default: var(--background-surface-raised); /* @kind color */
  --text-text-error: var(--color-red-600); /* @kind color */
  --text-text-info: var(--color-blue-600); /* @kind color */
  --text-text-oncolor-primary: var(--color-neutral-n0); /* @kind color */
  --text-text-primary-paragraph: var(--color-neutral-n90); /* @kind color */
  --text-text-primary: var(--color-green-700); /* @kind color */
  --text-text-secondary-disabled: var(--color-neutral-n50); /* @kind color */
  --text-text-secondary-paragraph: var(--color-neutral-n60); /* @kind color */
  --text-text-success: var(--color-green-600); /* @kind color */
  --text-text-warning: var(--color-orange-700); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --alpha-alpha-white-20: var(--colors-alpha-alpha-black-20); /* @kind color */
  --alpha-alpha-white-30: var(--colors-alpha-alpha-black-30); /* @kind color */
  --alpha-alpha-white-40: var(--colors-alpha-alpha-black-40); /* @kind color */
  --background-background-alfa-dark: var(--color-alpha-alpha-black-50); /* @kind color */
  --background-background-black: var(--colors-base-white); /* @kind color */
  --background-background-card-2: var(--color-neutral-n100); /* @kind color */
  --background-background-card-3: var(--color-alpha-alpha-primary-10); /* @kind color */
  --background-background-card: var(--color-neutral-n200); /* @kind color */
  --background-background-error-25: var(--color-alpha-alpha-red-4); /* @kind color */
  --background-background-error-50: var(--color-alpha-alpha-red-8); /* @kind color */
  --background-background-error: var(--color-red-500); /* @kind color */
  --background-background-info-25: var(--color-alpha-alpha-primary-4); /* @kind color */
  --background-background-info-50: var(--color-alpha-alpha-primary-8); /* @kind color */
  --background-background-info: var(--color-green-500-primary); /* @kind color */
  --background-background-neutral-100-2: var(--colors-neutral-800-2); /* @kind color */
  --background-background-neutral-100: var(--colors-neutral-800); /* @kind color */
  --background-background-primary-200: var(--color-green-200); /* @kind color */
  --background-background-primary-2: var(--colors-primary-sa-flag-600-primary); /* @kind color */
  --background-background-primary-400: var(--color-blue-400); /* @kind color */
  --background-background-primary-50: var(--color-alpha-alpha-primary-6); /* @kind color */
  --background-background-primary: var(--color-green-500-primary); /* @kind color */
  --background-background-success-25: var(--color-alpha-alpha-green-4); /* @kind color */
  --background-background-success-50: var(--color-alpha-alpha-green-8); /* @kind color */
  --background-background-success: var(--neon-green); /* @kind color */
  --background-background-toast-error: var(--color-alpha-alpha-red-8); /* @kind color */
  --background-background-toast-info: var(--color-alpha-alpha-primary-8); /* @kind color */
  --background-background-toast-neutral: var(--color-neutral-n100); /* @kind color */
  --background-background-toast-success: var(--color-alpha-alpha-green-8); /* @kind color */
  --background-background-toast-warning: var(--color-alpha-alpha-orange-8); /* @kind color */
  --background-background-warning-25: var(--color-alpha-alpha-orange-4); /* @kind color */
  --background-background-warning-50: var(--color-alpha-alpha-orange-8); /* @kind color */
  --background-background-warning: var(--color-orange-500); /* @kind color */
  --background-background-white-2: var(--colors-neutral-950); /* @kind color */
  --background-background-white: var(--color-neutral-n300); /* @kind color */
  --background-card-4: var(--color-neutral-n200); /* @kind color */
  --background-surface-oncolor: var(--colors-base-white); /* @kind color */
  --backgrounds-primary: rgb(0,0,0); /* @kind color */
  --backgrounds-primary: rgb(0,0,0); /* @kind color */
  --backgrounds-primary: rgb(28,28,30); /* @kind color */
  --backgrounds-primary: rgb(36,36,38); /* @kind color */
  --border-border-black: var(--colors-base-white-2); /* @kind color */
  --border-border-disabled: var(--color-neutral-n80); /* @kind color */
  --border-border-error-light: var(--color-alpha-alpha-red-20); /* @kind color */
  --border-border-error: var(--color-red-500); /* @kind color */
  --border-border-info-light: var(--color-alpha-alpha-primary-20); /* @kind color */
  --border-border-info: var(--color-alpha-alpha-primary-40); /* @kind color */
  --border-border-neutral-primary-2: var(--glass-border); /* @kind color */
  --border-border-neutral-primary: var(--glass-border); /* @kind color */
  --border-border-oncolor-transparent-30: var(--color-alpha-alpha-white-10); /* @kind color */
  --border-border-primary-2: var(--colors-primary-sa-flag-600-primary); /* @kind color */
  --border-border-primary-light: var(--colors-green-200); /* @kind color */
  --border-border-primary: var(--color-alpha-alpha-primary-50); /* @kind color */
  --border-border-success-light: var(--color-green-300); /* @kind color */
  --border-border-success: var(--color-green-700); /* @kind color */
  --border-border-transparent-10: var(--color-alpha-alpha-white-10); /* @kind color */
  --border-border-warning-light: var(--color-alpha-alpha-orange-20); /* @kind color */
  --border-border-warning: var(--color-orange-600); /* @kind color */
  --border-border-white: var(--colors-base-black-2); /* @kind color */
  --button-button-background-neutral-hovered: var(--colors-neutral-700); /* @kind color */
  --button-button-background-neutral-pressed: var(--colors-neutral-600); /* @kind color */
  --button-button-background-transparent-hovered: var(--alpha-alpha-white-20); /* @kind color */
  --button-button-background-transparent-pressed: var(--alpha-alpha-white-40); /* @kind color */
  --button-button-destractive-light: var(--color-alpha-alpha-red-10); /* @kind color */
  --button-button-destractive: var(--color-red-500); /* @kind color */
  --button-button-primary-disabled: var(--color-neutral-n100); /* @kind color */
  --button-button-primary-pressed: var(--color-blue-600); /* @kind color */
  --button-button-primary: var(--color-green-500-primary); /* @kind color */
  --button-button-secondary-darker: var(--color-neutral-n200); /* @kind color */
  --button-button-secondary-light: var(--color-alpha-alpha-primary-10); /* @kind color */
  --button-button-secondary: var(--color-neutral-n100); /* @kind color */
  --chart-chart-1-blue: var(--color-green-500-primary); /* @kind color */
  --chart-chart-2-purple: var(--color-purple-500); /* @kind color */
  --chart-chart-3-green: var(--neon-green); /* @kind color */
  --chart-chart-4-amber: var(--color-orange-500); /* @kind color */
  --chart-chart-5-red: var(--color-red-500); /* @kind color */
  --chart-chart-6-pink: var(--color-pink-500); /* @kind color */
  --colors-blue: rgb(10,132,255); /* @kind color */
  --colors-blue: rgb(10,132,255); /* @kind color */
  --colors-blue: rgb(64,156,255); /* @kind color */
  --colors-blue: rgb(64,156,255); /* @kind color */
  --colors-error-100: rgb(145,32,24); /* @kind color */
  --colors-info-100: rgb(24,73,169); /* @kind color */
  --colors-neutral-100-3: rgb(31,42,55); /* @kind color */
  --colors-sa-flag-100: rgb(20,87,58); /* @kind color */
  --colors-warning-100: rgb(147,55,13); /* @kind color */
  --fills-tertiary: rgba(120,120,128,0.24); /* @kind color */
  --fills-tertiary: rgba(120,120,128,0.24); /* @kind color */
  --fills-tertiary: rgba(120,120,128,0.32); /* @kind color */
  --fills-tertiary: rgba(120,120,128,0.32); /* @kind color */
  --glass-glass-border: var(--glass-border); /* @kind color */
  --glass-glass-fill: var(--glass-fill); /* @kind color */
  --glass-glass-shine: var(--glass-border); /* @kind color */
  --icon-icon-black: var(--color-neutral-n40); /* @kind color */
  --icon-icon-default-2: var(--colors-base-white-2); /* @kind color */
  --icon-icon-default-3: var(--colors-base-white); /* @kind color */
  --icon-icon-default: var(--colors-base-white); /* @kind color */
  --icon-icon-disabled: var(--color-neutral-n80); /* @kind color */
  --icon-icon-error-2: var(--colors-red-400); /* @kind color */
  --icon-icon-error-light: var(--color-alpha-alpha-red-20); /* @kind color */
  --icon-icon-error: var(--color-red-400); /* @kind color */
  --icon-icon-grey-200: var(--color-neutral-n60); /* @kind color */
  --icon-icon-grey-500: var(--color-neutral-n40); /* @kind color */
  --icon-icon-info-2: var(--colors-blue-400); /* @kind color */
  --icon-icon-info-light: var(--color-blue-700); /* @kind color */
  --icon-icon-info: var(--color-blue-300); /* @kind color */
  --icon-icon-neutral: var(--colors-neutral-400); /* @kind color */
  --icon-icon-oncolor-2: var(--colors-base-white); /* @kind color */
  --icon-icon-oncolor: var(--colors-base-white-2); /* @kind color */
  --icon-icon-primary-light: var(--color-alpha-alpha-primary-20); /* @kind color */
  --icon-icon-primary: var(--color-green-500-primary); /* @kind color */
  --icon-icon-success: var(--colors-green-400); /* @kind color */
  --icon-icon-sucess: var(--color-green-300); /* @kind color */
  --icon-icon-warning-2: var(--colors-yellow-400); /* @kind color */
  --icon-icon-warning-light: var(--color-orange-700); /* @kind color */
  --icon-icon-warning: var(--color-orange-400); /* @kind color */
  --icon-icon-white: var(--color-neutral-n800); /* @kind color */
  --labels-primary: rgb(255,255,255); /* @kind color */
  --labels-primary: rgb(255,255,255); /* @kind color */
  --labels-primary: rgb(255,255,255); /* @kind color */
  --labels-primary: rgb(255,255,255); /* @kind color */
  --labels-secondary: rgba(235,235,245,0.6); /* @kind color */
  --labels-secondary: rgba(235,235,245,0.6); /* @kind color */
  --labels-secondary: rgba(235,235,245,0.7); /* @kind color */
  --labels-secondary: rgba(235,235,245,0.7); /* @kind color */
  --miscellaneous-kit-section-fill: rgb(245,245,245); /* @kind color */
  --miscellaneous-kit-section-fill: rgb(245,245,245); /* @kind color */
  --miscellaneous-kit-section-fill: rgb(245,245,245); /* @kind color */
  --miscellaneous-kit-section-fill: rgb(245,245,245); /* @kind color */
  --neon-neon-amber: var(--color-orange-500); /* @kind color */
  --neon-neon-blue-glow: var(--color-alpha-alpha-primary-8); /* @kind color */
  --neon-neon-blue: var(--color-green-500-primary); /* @kind color */
  --neon-neon-green-glow: var(--color-alpha-alpha-green-8); /* @kind color */
  --neon-neon-green: var(--neon-green); /* @kind color */
  --neon-neon-pink: var(--color-pink-500); /* @kind color */
  --neon-neon-purple-glow: var(--color-alpha-alpha-primary-30); /* @kind color */
  --neon-neon-purple: var(--color-purple-500); /* @kind color */
  --neon-neon-red-glow: var(--color-alpha-alpha-red-10); /* @kind color */
  --neon-neon-red: var(--color-red-500); /* @kind color */
  --shadows-shadow-error: var(--color-alpha-alpha-red-10); /* @kind color */
  --shadows-shadow-success: var(--color-alpha-alpha-white-10); /* @kind color */
  --shadows-shadow-warning: var(--color-alpha-alpha-orange-10); /* @kind color */
  --sidebar-sidebar-active-bg: var(--color-alpha-alpha-primary-10); /* @kind color */
  --sidebar-sidebar-active-text: var(--color-green-500-primary); /* @kind color */
  --sidebar-sidebar-bg: var(--background-sidebar); /* @kind color */
  --sidebar-sidebar-border: var(--glass-border); /* @kind color */
  --sidebar-sidebar-inactive-text: var(--color-neutral-n60); /* @kind color */
  --status-status-away: var(--color-orange-500); /* @kind color */
  --status-status-busy: var(--color-red-500); /* @kind color */
  --status-status-offline: var(--color-neutral-n80); /* @kind color */
  --status-status-online: var(--neon-green); /* @kind color */
  --surface-surface-base: var(--color-neutral-n300); /* @kind color */
  --surface-surface-default: var(--color-neutral-n200); /* @kind color */
  --surface-surface-overlay: var(--background-overlay); /* @kind color */
  --surface-surface-raised: var(--background-surface-raised); /* @kind color */
  --surface-surface-sidebar: var(--background-sidebar); /* @kind color */
  --tag-text: var(--color-neutral-n0); /* @kind color */
  --text-text-default: var(--color-neutral-n40); /* @kind color */
  --text-text-error: var(--color-red-500); /* @kind color */
  --text-text-info: var(--color-green-500-primary); /* @kind color */
  --text-text-oncolor-primary: var(--color-neutral-n300); /* @kind color */
  --text-text-primary-paragraph: var(--color-neutral-n40); /* @kind color */
  --text-text-primary: var(--color-green-500-primary); /* @kind color */
  --text-text-secondary-disabled: var(--color-neutral-n70); /* @kind color */
  --text-text-secondary-paragraph: var(--color-neutral-n60); /* @kind color */
  --text-text-success: var(--neon-green); /* @kind color */
  --text-text-warning: var(--color-orange-500); /* @kind color */
}

:root[data-mode="monshaat"] {
  --colors-alpha-alpha-black-20: rgba(22,22,22,0.2); /* @kind color */
  --colors-alpha-alpha-black-40: rgba(22,22,22,0.4); /* @kind color */
  --colors-alpha-alpha-white-20: rgba(255,255,255,0.2); /* @kind color */
  --colors-alpha-alpha-white-40: rgba(255,255,255,0.4); /* @kind color */
  --colors-base-black-2: rgb(22,22,22); /* @kind color */
  --colors-base-white-2: rgb(255,255,255); /* @kind color */
  --colors-blue-500: rgb(46,144,250); /* @kind color */
  --colors-green-200: rgb(171,239,198); /* @kind color */
  --colors-neutral-100: rgb(243,244,246); /* @kind color */
  --colors-neutral-200: rgb(229,231,235); /* @kind color */
  --colors-neutral-600: rgb(77,87,97); /* @kind color */
  --colors-neutral-700: rgb(56,66,80); /* @kind color */
  --colors-neutral-800: rgb(31,42,55); /* @kind color */
  --colors-primary-sa-flag-200: rgb(178,254,255); /* @kind color */
}

:root[data-theme="light"], .light {
  --backgrounds-primary: rgb(255,255,255); /* @kind color */
  --colors-blue: rgb(0,64,221); /* @kind color */
  --fills-tertiary: rgba(120,120,128,0.2); /* @kind color */
  --labels-primary: rgb(0,0,0); /* @kind color */
  --labels-secondary: rgba(60,60,67,0.8); /* @kind color */
  --miscellaneous-kit-section-fill: rgb(245,245,245); /* @kind color */
}

:root[data-mode="tablet"] {
  --global-spacing-md: var(--spacing-2-8px);
  --global-spacing-xl: var(--spacing-4-16px);
  --radius-radius-sm: var(--radius-radius-4);
  --text-text-content-gap: var(--spacing-2-8px);
}

:root[data-mode="mobile"] {
  --global-spacing-md: var(--spacing-2-8px);
  --global-spacing-xl: var(--spacing-4-16px);
  --radius-radius-sm: var(--radius-radius-4);
  --text-text-content-gap: var(--spacing-1-4px);
}