:root {
  --ds-color-border-muted: rgba(92, 100, 132, 0.35);
  --ds-color-border-muted-rgb: 92 100 132;
  --ds-color-border-strong: #b9c0e2;
  --ds-color-border-strong-rgb: 185 192 226;
  --ds-color-border-subtle: #d8dbeb;
  --ds-color-border-subtle-rgb: 216 219 235;
  --ds-color-brand-100: #e7e3ff;
  --ds-color-brand-100-rgb: 231 227 255;
  --ds-color-brand-200: #cfc6ff;
  --ds-color-brand-200-rgb: 207 198 255;
  --ds-color-brand-300: #b3a0ff;
  --ds-color-brand-300-rgb: 179 160 255;
  --ds-color-brand-400: #9a7dff;
  --ds-color-brand-400-rgb: 154 125 255;
  --ds-color-brand-50: #f4f3ff;
  --ds-color-brand-50-rgb: 244 243 255;
  --ds-color-brand-500: #7f57ff;
  --ds-color-brand-500-rgb: 127 87 255;
  --ds-color-brand-600: #5b3bec;
  --ds-color-brand-600-rgb: 91 59 236;
  --ds-color-brand-700: #4a2fd1;
  --ds-color-brand-700-rgb: 74 47 209;
  --ds-color-brand-800: #3924a8;
  --ds-color-brand-800-rgb: 57 36 168;
  --ds-color-brand-900: #281a7a;
  --ds-color-brand-900-rgb: 40 26 122;
  --ds-color-danger-100: #fbd5da;
  --ds-color-danger-100-rgb: 251 213 218;
  --ds-color-danger-200: #f6a9b3;
  --ds-color-danger-200-rgb: 246 169 179;
  --ds-color-danger-50: #fdeef0;
  --ds-color-danger-50-rgb: 253 238 240;
  --ds-color-danger-600: #d03c4b;
  --ds-color-danger-600-rgb: 208 60 75;
  --ds-color-danger-700: #aa2534;
  --ds-color-danger-700-rgb: 170 37 52;
  --ds-color-focus-ring: rgba(91, 59, 236, 0.35);
  --ds-color-focus-ring-rgb: 91 59 236;
  --ds-color-focus-ring-strong: rgba(74, 47, 209, 0.5);
  --ds-color-focus-ring-strong-rgb: 74 47 209;
  --ds-color-info-100: #d7e7ff;
  --ds-color-info-100-rgb: 215 231 255;
  --ds-color-info-200: #accdff;
  --ds-color-info-200-rgb: 172 205 255;
  --ds-color-info-50: #eef5ff;
  --ds-color-info-50-rgb: 238 245 255;
  --ds-color-info-600: #2f76f6;
  --ds-color-info-600-rgb: 47 118 246;
  --ds-color-info-700: #1f5cd4;
  --ds-color-info-700-rgb: 31 92 212;
  --ds-color-loading-indicator: rgba(255, 255, 255, 0.94);
  --ds-color-loading-indicator-rgb: 255 255 255;
  --ds-color-neutral-100: #ebeff5;
  --ds-color-neutral-100-rgb: 235 239 245;
  --ds-color-neutral-200: #d6dbe6;
  --ds-color-neutral-200-rgb: 214 219 230;
  --ds-color-neutral-300: #bbc2d6;
  --ds-color-neutral-300-rgb: 187 194 214;
  --ds-color-neutral-400: #939bb5;
  --ds-color-neutral-400-rgb: 147 155 181;
  --ds-color-neutral-50: #f5f7fa;
  --ds-color-neutral-50-rgb: 245 247 250;
  --ds-color-neutral-500: #6d7691;
  --ds-color-neutral-500-rgb: 109 118 145;
  --ds-color-neutral-900: #12172b;
  --ds-color-neutral-900-rgb: 18 23 43;
  --ds-color-overlay: rgba(18, 24, 43, 0.08);
  --ds-color-overlay-rgb: 18 24 43;
  --ds-color-overlay-scrim: rgba(15, 23, 42, 0.6);
  --ds-color-overlay-scrim-rgb: 15 23 42;
  --ds-color-overlay-strong: rgba(18, 24, 43, 0.52);
  --ds-color-overlay-strong-rgb: 18 24 43;
  --ds-color-scrim: rgba(15, 23, 42, 0.6);
  --ds-color-scrim-rgb: 15 23 42;
  --ds-color-success-100: #caf5e2;
  --ds-color-success-100-rgb: 202 245 226;
  --ds-color-success-200: #9fe8ca;
  --ds-color-success-200-rgb: 159 232 202;
  --ds-color-success-50: #e8fbf3;
  --ds-color-success-50-rgb: 232 251 243;
  --ds-color-success-600: #1d9b6c;
  --ds-color-success-600-rgb: 29 155 108;
  --ds-color-success-700: #157d56;
  --ds-color-success-700-rgb: 21 125 86;
  --ds-color-surface: #ffffff;
  --ds-color-surface-alt: #f8f8fd;
  --ds-color-surface-alt-rgb: 248 248 253;
  --ds-color-surface-inverse: #11192b;
  --ds-color-surface-inverse-rgb: 17 25 43;
  --ds-color-surface-muted: #f2f4f9;
  --ds-color-surface-muted-rgb: 242 244 249;
  --ds-color-surface-rgb: 255 255 255;
  --ds-color-surface-strong: #e6e9f3;
  --ds-color-surface-strong-rgb: 230 233 243;
  --ds-color-text-accent: #4a2fd1;
  --ds-color-text-accent-rgb: 74 47 209;
  --ds-color-text-inverse: #ffffff;
  --ds-color-text-inverse-rgb: 255 255 255;
  --ds-color-text-muted: #5e6782;
  --ds-color-text-muted-rgb: 94 103 130;
  --ds-color-text-primary: #121a2c;
  --ds-color-text-primary-rgb: 18 26 44;
  --ds-color-text-secondary: #3a465f;
  --ds-color-text-secondary-rgb: 58 70 95;
  --ds-color-warning-100: #fdeacd;
  --ds-color-warning-100-rgb: 253 234 205;
  --ds-color-warning-200: #f7d098;
  --ds-color-warning-200-rgb: 247 208 152;
  --ds-color-warning-50: #fff6e8;
  --ds-color-warning-50-rgb: 255 246 232;
  --ds-color-warning-600: #d27a1a;
  --ds-color-warning-600-rgb: 210 122 26;
  --ds-color-warning-700: #a8610d;
  --ds-color-warning-700-rgb: 168 97 13;
  --ds-data-visualisation-annotation-background: rgba(18, 24, 43, 0.88);
  --ds-data-visualisation-annotation-border: rgba(91, 59, 236, 0.36);
  --ds-data-visualisation-annotation-text: #ffffff;
  --ds-data-visualisation-background-grid: rgba(109, 118, 145, 0.28);
  --ds-data-visualisation-background-grid-strong: rgba(109, 118, 145, 0.38);
  --ds-data-visualisation-background-plot: rgba(91, 59, 236, 0.06);
  --ds-data-visualisation-categorical-primary: #3cb8ff;
  --ds-data-visualisation-categorical-quaternary: #ff7a6e;
  --ds-data-visualisation-categorical-quinary: #ff5c85;
  --ds-data-visualisation-categorical-secondary: #29c08f;
  --ds-data-visualisation-categorical-senary: #7f57ff;
  --ds-data-visualisation-categorical-tertiary: #f8b94c;
  --ds-data-visualisation-diverging-negative: #ff5c85;
  --ds-data-visualisation-diverging-neutral: #bbc2d6;
  --ds-data-visualisation-diverging-positive: #29c08f;
  --ds-data-visualisation-sequential-max: #5b3bec;
  --ds-data-visualisation-sequential-mid: rgba(91, 59, 236, 0.42);
  --ds-data-visualisation-sequential-min: rgba(91, 59, 236, 0.12);
  --ds-data-visualisation-status-at-risk: #d27a1a;
  --ds-data-visualisation-status-declining: #ff5c85;
  --ds-data-visualisation-status-improving: #29c08f;
  --ds-data-visualisation-status-steady: #7f57ff;
  --ds-gradient-card-accent: linear-gradient(135deg, rgba(91,59,236,0.16) 0%, rgba(91,59,236,0.06) 100%);
  --ds-gradient-certificate: linear-gradient(160deg, rgba(60,184,255,0.18) 0%, rgba(91,59,236,0.1) 100%);
  --ds-gradient-hero: linear-gradient(135deg, #5b3bec 0%, #3924a8 50%, #0f1224 100%);
  --ds-iconography-certificate: badge-check;
  --ds-iconography-employee: shield-check;
  --ds-iconography-supplier: briefcase;
  --ds-iconography-support: lifebuoy;
  --ds-layout-container-gutter: 2rem;
  --ds-layout-container-max-width: 96rem;
  --ds-layout-content-max-width: 74rem;
  --ds-layout-navbar-height: 3.75rem;
  --ds-layout-sheet-max-width: 66rem;
  --ds-layout-sidebar-collapsed-width: 4.75rem;
  --ds-layout-sidebar-width: 19rem;
  --ds-motion-opacity-disabled: 0.55;
  --ds-motion-transition-duration: 180ms;
  --ds-motion-transition-duration-fast: 120ms;
  --ds-motion-transition-duration-slow: 260ms;
  --ds-motion-transition-easing: cubic-bezier(0.36, 0, 0.2, 1);
  --ds-motion-transition-easing-emphasized: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ds-radii-radius-2xl: 1.5rem;
  --ds-radii-radius-3xl: 2rem;
  --ds-radii-radius-full: 9999px;
  --ds-radii-radius-lg: 0.75rem;
  --ds-radii-radius-md: 0.5rem;
  --ds-radii-radius-sm: 0.375rem;
  --ds-radii-radius-xl: 1rem;
  --ds-semantic-border-default: #d8dbeb;
  --ds-semantic-border-muted: rgba(92, 100, 132, 0.35);
  --ds-semantic-border-strong: #b9c0e2;
  --ds-semantic-shadow-card: 0 22px 48px -24px rgba(18, 24, 43, 0.26);
  --ds-semantic-shadow-popover: 0 24px 56px -26px rgba(18, 24, 43, 0.32);
  --ds-semantic-surface-alt: #f8f8fd;
  --ds-semantic-surface-default: #ffffff;
  --ds-semantic-surface-inverse: #12172b;
  --ds-semantic-surface-muted: #f2f4f9;
  --ds-semantic-surface-strong: #e6e9f3;
  --ds-semantic-text-default: #121a2c;
  --ds-semantic-text-inverse: #ffffff;
  --ds-semantic-text-muted: #5e6782;
  --ds-semantic-text-subtle: #3a465f;
  --ds-shadows-shadow-card: 0 22px 48px -24px rgba(18, 24, 43, 0.26);
  --ds-shadows-shadow-card-hover: 0 28px 64px -22px rgba(18, 24, 43, 0.32);
  --ds-shadows-shadow-elevated: 0 32px 72px -28px rgba(18, 24, 43, 0.34);
  --ds-shadows-shadow-focus: 0 0 0 3px rgba(91, 59, 236, 0.35);
  --ds-shadows-shadow-popover: 0 24px 56px -26px rgba(18, 24, 43, 0.32);
  --ds-spacing-spacing-2xl: 2.5rem;
  --ds-spacing-spacing-2xs: 0.125rem;
  --ds-spacing-spacing-3xl: 3.5rem;
  --ds-spacing-spacing-4xl: 4.5rem;
  --ds-spacing-spacing-lg: 1.5rem;
  --ds-spacing-spacing-md: 1rem;
  --ds-spacing-spacing-sm: 0.625rem;
  --ds-spacing-spacing-xl: 2rem;
  --ds-spacing-spacing-xs: 0.375rem;
  --ds-states-disabled-opacity: 0.55;
  --ds-states-focus-ring: rgba(91, 59, 236, 0.35);
  --ds-states-focus-ring-strong: rgba(74, 47, 209, 0.5);
  --ds-states-interactive-active: rgba(74, 47, 209, 0.18);
  --ds-states-interactive-hover: rgba(91, 59, 236, 0.12);
  --ds-states-interactive-selected: rgba(91, 59, 236, 0.16);
  --ds-states-surface-overlay: rgba(18, 24, 43, 0.08);
  --ds-states-surface-overlay-strong: rgba(18, 24, 43, 0.52);
  --ds-states-surface-scrim: rgba(15, 23, 42, 0.6);
  --ds-supporting-accent-amber: #f8b94c;
  --ds-supporting-accent-amber-rgb: 248 185 76;
  --ds-supporting-accent-coral: #ff7a6e;
  --ds-supporting-accent-coral-rgb: 255 122 110;
  --ds-supporting-accent-emerald: #29c08f;
  --ds-supporting-accent-emerald-rgb: 41 192 143;
  --ds-supporting-accent-rose: #ff5c85;
  --ds-supporting-accent-rose-rgb: 255 92 133;
  --ds-supporting-accent-sky: #3cb8ff;
  --ds-supporting-accent-sky-rgb: 60 184 255;
  --ds-supporting-brand-gradient-end: #7f57ff;
  --ds-supporting-brand-gradient-end-rgb: 127 87 255;
  --ds-supporting-brand-gradient-start: #4a2fd1;
  --ds-supporting-brand-gradient-start-rgb: 74 47 209;
  --ds-typography-font-family-heading: 'Inter var', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --ds-typography-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  --ds-typography-font-family-sans: 'Inter var', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --ds-typography-font-size-2xl: 1.75rem;
  --ds-typography-font-size-3xl: 2.25rem;
  --ds-typography-font-size-base: 1rem;
  --ds-typography-font-size-lg: 1.125rem;
  --ds-typography-font-size-sm: 0.875rem;
  --ds-typography-font-size-xl: 1.375rem;
  --ds-typography-font-size-xs: 0.75rem;
  --ds-typography-font-weight-bold: 700;
  --ds-typography-font-weight-medium: 500;
  --ds-typography-font-weight-semibold: 600;
  --ds-typography-line-height-2xl: 2.2rem;
  --ds-typography-line-height-3xl: 2.5rem;
  --ds-typography-line-height-base: 1.6rem;
  --ds-typography-line-height-lg: 1.8rem;
  --ds-typography-line-height-sm: 1.3rem;
  --ds-typography-line-height-xl: 1.95rem;
  --ds-typography-line-height-xs: 1.15rem;
  --ds-z-index-base: 0;
  --ds-z-index-modal: 950;
  --ds-z-index-overlay: 900;
  --ds-z-index-popover: 960;
  --ds-z-index-raised: 10;
  --ds-z-index-sticky: 100;
  --ds-z-index-tooltip: 970;
}

html[data-theme='light'] {
  color-scheme: light;
  --ds-color-border-subtle: #d8dbeb;
  --ds-semantic-border-default: #d8dbeb;
  --ds-theme-light-border: #d8dbeb;
  --ds-color-overlay: rgba(18, 24, 43, 0.08);
  --ds-theme-light-overlay: rgba(18, 24, 43, 0.08);
  --ds-color-overlay-strong: rgba(18, 24, 43, 0.52);
  --ds-theme-light-overlay-strong: rgba(18, 24, 43, 0.52);
  --ds-color-surface: #ffffff;
  --ds-semantic-surface-default: #ffffff;
  --ds-theme-light-surface: #ffffff;
  --ds-color-surface-alt: #f8f8fd;
  --ds-semantic-surface-alt: #f8f8fd;
  --ds-theme-light-surface-alt: #f8f8fd;
  --ds-color-surface-muted: #f2f4f9;
  --ds-semantic-surface-muted: #f2f4f9;
  --ds-theme-light-surface-muted: #f2f4f9;
  --ds-color-surface-strong: #e6e9f3;
  --ds-semantic-surface-strong: #e6e9f3;
  --ds-theme-light-surface-strong: #e6e9f3;
  --ds-color-text-inverse: #ffffff;
  --ds-semantic-text-inverse: #ffffff;
  --ds-theme-light-text-inverse: #ffffff;
  --ds-color-text-muted: #5e6782;
  --ds-semantic-text-muted: #5e6782;
  --ds-theme-light-text-muted: #5e6782;
  --ds-color-text-primary: #121a2c;
  --ds-semantic-text-default: #121a2c;
  --ds-theme-light-text-primary: #121a2c;
  --ds-color-text-secondary: #3a465f;
  --ds-semantic-text-subtle: #3a465f;
  --ds-theme-light-text-secondary: #3a465f;
}

html[data-theme='dark'] {
  color-scheme: dark;
  --ds-color-border-subtle: rgba(144, 156, 200, 0.38);
  --ds-semantic-border-default: rgba(144, 156, 200, 0.38);
  --ds-theme-dark-border: rgba(144, 156, 200, 0.38);
  --ds-color-overlay: rgba(8, 11, 20, 0.64);
  --ds-theme-dark-overlay: rgba(8, 11, 20, 0.64);
  --ds-color-overlay-strong: rgba(8, 11, 20, 0.82);
  --ds-theme-dark-overlay-strong: rgba(8, 11, 20, 0.82);
  --ds-color-surface: #101525;
  --ds-semantic-surface-default: #101525;
  --ds-theme-dark-surface: #101525;
  --ds-color-surface-alt: #15203a;
  --ds-semantic-surface-alt: #15203a;
  --ds-theme-dark-surface-alt: #15203a;
  --ds-color-surface-muted: #121a2c;
  --ds-semantic-surface-muted: #121a2c;
  --ds-theme-dark-surface-muted: #121a2c;
  --ds-color-surface-strong: #1d2944;
  --ds-semantic-surface-strong: #1d2944;
  --ds-theme-dark-surface-strong: #1d2944;
  --ds-color-text-inverse: #ffffff;
  --ds-semantic-text-inverse: #ffffff;
  --ds-theme-dark-text-inverse: #ffffff;
  --ds-color-text-muted: #9aa3c7;
  --ds-semantic-text-muted: #9aa3c7;
  --ds-theme-dark-text-muted: #9aa3c7;
  --ds-color-text-primary: #e4e7f6;
  --ds-semantic-text-default: #e4e7f6;
  --ds-theme-dark-text-primary: #e4e7f6;
  --ds-color-text-secondary: #c3cae8;
  --ds-semantic-text-subtle: #c3cae8;
  --ds-theme-dark-text-secondary: #c3cae8;
}