:root {
  /* Base - Neutral */
  --color-base-neutral-0: #ffffff;
  --color-base-neutral-50: #e9e9ed;
  --color-base-neutral-100: #dcdce1;
  --color-base-neutral-150: #d0d0d5;
  --color-base-neutral-200: #c3c3c8;
  --color-base-neutral-300: #aaaab0;
  --color-base-neutral-400: #919197;
  --color-base-neutral-500: #78787f;
  --color-base-neutral-600: #5f5f66;
  --color-base-neutral-700: #414146;
  --color-base-neutral-750: #38383c;
  --color-base-neutral-800: #2f2f34;
  --color-base-neutral-850: #232326;
  --color-base-neutral-900: #1c1c1e;
  --color-base-neutral-950: #131318;
  --color-base-neutral-1000: #030306;

  /* Base - Brand */
  --color-base-brand-400: #1c83eb;
  --color-base-brand-500: #0b6fd4;
  --color-base-brand-600: #1062b5;
  --color-base-brand-700: #365b95;
  --color-base-brand-800: #2e4973;
  --color-base-brand-900: #203f71;

  /* Base - Red */
  --color-base-red-200: #f57171;
  --color-base-red-400: #e22929;
  --color-base-red-600: #ca3030;
  --color-base-red-800: #692525;
  --color-base-red-900: #3a2525;

  /* Semantic - Surface */
  --color-semantic-surface-layout-background: #1c1c1e;
  --color-semantic-surface-layout-container: #232326;
  --color-semantic-surface-layout-overlay: #232326;
  --color-semantic-surface-layout-popover: #232326;
  --color-semantic-surface-layout-widget: rgba(19, 19, 24, 0.85);
  --color-semantic-surface-group-default: #2f2f34;
  --color-semantic-surface-group-trans-default: rgba(47, 47, 52, 0.5);
  --color-semantic-surface-group-trans-hover: rgba(56, 56, 60, 0.5);
  --color-semantic-surface-group-trans-selected: rgba(65, 65, 70, 0.5);
  --color-semantic-surface-group-hover: #38383c;
  --color-semantic-surface-group-hover-brand: #203f71;
  --color-semantic-surface-group-selected: #414146;
  --color-semantic-surface-group-selected-brand: #2e4973;
  --color-semantic-surface-group-disabled: #2f2f34;
  --color-semantic-surface-date-cell-default: #232326;
  --color-semantic-surface-date-cell-hover: #232326;
  --color-semantic-surface-date-cell-selected: #232326;

  /* Semantic - Border */
  --color-semantic-border-layout-container: #414146;
  --color-semantic-border-layout-overlay: #2f2f34;
  --color-semantic-border-layout-popover: #414146;
  --color-semantic-border-layout-widget: rgba(47, 47, 52, 0.8);
  --color-semantic-border-layout-divider: #414146;
  --color-semantic-border-group-default: #414146;
  --color-semantic-border-group-selected: #5f5f66;
  --color-semantic-border-group-selected-brand: #365b95;
  --color-semantic-border-group-disabled: #2f2f34;
  --color-semantic-border-group-trans-default: rgba(47, 47, 52, 0.6);
  --color-semantic-border-group-trans-hover: rgba(56, 56, 60, 0.6);
  --color-semantic-border-group-trans-selected: rgba(65, 65, 70, 0.6);
  --color-semantic-border-date-cell-default: #2f2f34;
  --color-semantic-border-date-cell-hover: #78787f;
  --color-semantic-border-date-cell-selected: #aaaab0;

  /* Semantic - Text */
  --color-semantic-text-primary: #ffffff;
  --color-semantic-text-secondary: #d0d0d5;
  --color-semantic-text-tertiary: #aaaab0;
  --color-semantic-text-disabled: #5f5f66;
  --color-semantic-text-alert: #e22929;

  /* Semantic - Icon */
  --color-semantic-icon-primary: #ffffff;
  --color-semantic-icon-secondary: #d0d0d5;
  --color-semantic-icon-tertiary: #aaaab0;
  --color-semantic-icon-disabled: #5f5f66;
  --color-semantic-icon-brand: #1c83eb;
  --color-semantic-icon-alert: #e22929;

  /* Semantic - Dim */
  --color-semantic-dim-overlay-50: rgba(47, 47, 52, 0.5);
  --color-semantic-dim-overlay-70: rgba(47, 47, 52, 0.7);

  /* Semantic - Input */
  --color-semantic-control-input-field-error: #e22929;
  --color-semantic-control-input-field-mandatory: #0b6fd4;

  /* Semantic - Progress */
  --color-semantic-control-progress-indicator-bg: #38383c;
  --color-semantic-control-progress-indicator-indicator: #365b95;

  /* Semantic - Segmented Control */
  --color-semantic-control-segmented-control-bg: #2f2f34;
  --color-semantic-control-segmented-control-selected: #5f5f66;
  --color-semantic-control-segmented-control-hover: #414146;
  --color-semantic-control-segmented-control-disabled: #38383c;

  /* Semantic - Tab Bar */
  --color-semantic-control-tab-bar-indicator: #0b6fd4;

  /* Semantic - Toggle */
  --color-semantic-control-toggle-selected: #0b6fd4;
  --color-semantic-control-toggle-unselected: #5f5f66;
  --color-semantic-control-toggle-disabled-selected: #203f71;
  --color-semantic-control-toggle-disabled-unselected: #414146;
  --color-semantic-control-toggle-disabled-thumb: #aaaab0;
  --color-semantic-control-toggle-thumb: #ffffff;

  /* Semantic - Scroll Bar */
  --color-semantic-control-scroll-bar-track: #2f2f34;
  --color-semantic-control-scroll-bar-thumb: #5f5f66;

  /* Semantic - Chip */
  --color-semantic-chip-inspection-normal-text: #ffffff;
  --color-semantic-chip-inspection-normal-surface: #ffffff;
  --color-semantic-chip-inspection-warning-text: #ffffff;
  --color-semantic-chip-inspection-warning-surface: #ffffff;
  --color-semantic-chip-inspection-danger-text: #ffffff;
  --color-semantic-chip-inspection-danger-surface: #ffffff;
  --color-semantic-chip-inspection-failed-text: #ffffff;
  --color-semantic-chip-inspection-failed-stroke: #ffffff;
  --color-semantic-chip-action-text: #ffffff;
  --color-semantic-chip-action-indicator-action-needed: #ffffff;
  --color-semantic-chip-action-indicator-in-progress: #ffffff;
  --color-semantic-chip-action-indicator-completed: #ffffff;
  --color-semantic-chip-action-surface: #ffffff;
  --color-semantic-chip-account-active-text: #d0d0d5;
  --color-semantic-chip-account-active-indicator: #459930;
  --color-semantic-chip-account-surface: #38383c;
  --color-semantic-chip-account-inactive-text: #aaaab0;
  --color-semantic-chip-account-inactive-indicator: #aaaab0;
  --color-semantic-chip-role-owner-text: #f6c5a0;
  --color-semantic-chip-role-owner-surface: #5b4c43;
  --color-semantic-chip-role-company-admin-text: #dbb3f6;
  --color-semantic-chip-role-company-admin-surface: #4f405c;
  --color-semantic-chip-role-team-admin-text: #b7d3ff;
  --color-semantic-chip-role-team-admin-surface: #434d62;
  --color-semantic-chip-role-general-text: #d0d0d5;
  --color-semantic-chip-role-general-surface: #38383c;


  /* Semantic - Button / Primary */
  --color-semantic-button-priamry-bg-enabled: #0b6fd4;
  --color-semantic-button-priamry-bg-hover: #1c83eb;
  --color-semantic-button-priamry-bg-pressed: #1062b5;
  --color-semantic-button-priamry-bg-disabled: #2f2f34;
  --color-semantic-button-priamry-label-default: #ffffff;
  --color-semantic-button-priamry-label-disabled: #5f5f66;
  --color-semantic-button-priamry-icon-default: #ffffff;
  --color-semantic-button-priamry-icon-disabled: #5f5f66;

    /* Semantic - Button / Secondary */
  --color-semantic-button-secondary-bg-enabled: #5f5f66;
  --color-semantic-button-secondary-bg-hover: #78787f;
  --color-semantic-button-secondary-bg-pressed: #414146;
  --color-semantic-button-secondary-bg-disabled: #2f2f34;
  --color-semantic-button-secondary-label-default: #ffffff;
  --color-semantic-button-secondary-label-disabled: #5f5f66;
  --color-semantic-button-secondary-icon-default: #ffffff;
  --color-semantic-button-secondary-icon-disabled: #5f5f66;

  /* Semantic - Button / Ghost */
  --color-semantic-button-ghost-bg-hover: #38383c;
  --color-semantic-button-ghost-bg-pressed: #414146;
  --color-semantic-button-ghost-stroke-enabled: #dcdce1;
  --color-semantic-button-ghost-stroke-hover: #dcdce1;
  --color-semantic-button-ghost-stroke-pressed: #dcdce1;
  --color-semantic-button-ghost-stroke-disabled: #414146;
  --color-semantic-button-ghost-label-endabled: #dcdce1;
  --color-semantic-button-ghost-label-hover: #dcdce1;
  --color-semantic-button-ghost-label-pressed: #dcdce1;
  --color-semantic-button-ghost-label-disabled: #414146;
  --color-semantic-button-ghost-icon-enabled: #dcdce1;
  --color-semantic-button-ghost-icon-hover: #dcdce1;
  --color-semantic-button-ghost-icon-selected: #dcdce1;
  --color-semantic-button-ghost-icon-disabled: #414146;

  /* Semantic - Button / Destructive */
  --color-semantic-button-destructive-bg-enabled: #9a6b6b;
  --color-semantic-button-destructive-bg-hover: #aa7e7e;
  --color-semantic-button-destructive-bg-pressed: #8d6060;
  --color-semantic-button-destructive-bg-disabled: #2f2f34;
  --color-semantic-button-destructive-label-default: #ffffff;
  --color-semantic-button-destructive-label-disabled: #78787f;
  --color-semantic-button-destructive-icon-default: #ffffff;
  --color-semantic-button-destructive-icon-disabled: #78787f;

  /* Semantic - Button / Text */
  --color-semantic-button-text-bg-hover: #38383c;
  --color-semantic-button-text-bg-pressed: #414146;
  --color-semantic-button-text-label-endabled: #dcdce1;
  --color-semantic-button-text-label-hover: #dcdce1;
  --color-semantic-button-text-label-pressed: #dcdce1;
  --color-semantic-button-text-label-disabled: #414146;
  --color-semantic-button-text-icon-enabled: #dcdce1;
  --color-semantic-button-text-icon-hover: #dcdce1;
  --color-semantic-button-text-icon-selected: #dcdce1;
  --color-semantic-button-text-icon-disabled: #414146;

  /* Schedule Colors */
  --color-schedule-blue-accent: #4da3ff;
  --color-schedule-blue-dark: #24384a;
  --color-schedule-sky-accent: #7cc7ff;
  --color-schedule-sky-dark: #28414f;
  --color-schedule-indigo-accent: #6e6bff;
  --color-schedule-indigo-dark: #2b2f4a;
  --color-schedule-violet-accent: #9f7cff;
  --color-schedule-violet-dark: #372f4a;
  --color-schedule-purple-accent: #c27cff;
  --color-schedule-purple-dark: #432f4a;
  --color-schedule-magenta-accent: #ff5fd2;
  --color-schedule-magenta-dark: #4a2f43;
  --color-schedule-pink-accent: #ff82c3;
  --color-schedule-pink-dark: #4a313e;
  --color-schedule-rose-accent: #ff9dae;
  --color-schedule-rose-dark: #4a3538;
  --color-schedule-red-accent: #ff6b6b;
  --color-schedule-red-dark: #4a2f2f;
  --color-schedule-orange-accent: #ff8c69;
  --color-schedule-orange-dark: #4a352f;
  --color-schedule-amber-accent: #ffaa47;
  --color-schedule-amber-dark: #4a3c2d;
  --color-schedule-yellow-accent: #ffc857;
  --color-schedule-yellow-dark: #4a432e;
  --color-schedule-lemon-accent: #ffe15a;
  --color-schedule-lemon-dark: #4a472f;
  --color-schedule-lime-accent: #b9e94e;
  --color-schedule-lime-dark: #3d472d;
  --color-schedule-green-accent: #53e06a;
  --color-schedule-green-dark: #2f4733;
  --color-schedule-mint-accent: #24d69b;
  --color-schedule-mint-dark: #2d4740;
  --color-schedule-teal-accent: #63f0d0;
  --color-schedule-teal-dark: #2d4743;
  --color-schedule-cyan-accent: #57d6f5;
  --color-schedule-cyan-dark: #2d444a;
  --color-schedule-ice-accent: #8ce7ff;
  --color-schedule-ice-dark: #2e414a;
  --color-schedule-sage-accent: #5fa8a8;
  --color-schedule-sage-dark: #334545;

  /* Font - Line Height */
  --font-height-tight: 1.2000000476837158;
  --font-height-compact: 1.2999999523162842;
  --font-height-normal: 1.399999976158142;

  /* Font - Size */
  --font-size-xxl: 32px;
  --font-size-xl: 20px;
  --font-size-lg: 16px;
  --font-size-md: 14px;
  --font-size-sm: 13px;
  --font-size-xs: 11px;
  --font-size-xxs: 10px;

  /* Font - Weight */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Layout - Spacing */
  --layout-space-1: 1px;
  --layout-space-2: 2px;
  --layout-space-4: 4px;
  --layout-space-8: 8px;
  --layout-space-12: 12px;
  --layout-space-16: 16px;
  --layout-space-20: 20px;
  --layout-space-24: 24px;
  --layout-space-32: 32px;
  --layout-space-40: 40px;

  /* Radius */ 
  --radius-none: 0px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-md-2: 12px;
  --radius-lg: 16px;
  --radius-full: 999px;
}