@synergy-design-system/tokens/dist/charts/themes/light.css

Design tokens for Synergy, the SICK Design System

/**
 * @synergy-design-system/tokens version 3.15.2
 * SICK Global UX Foundation
 * Do not edit directly, this file was auto-generated.
 */

:root, .syn-sick2025-light, .syn-theme-light {
  color-scheme: light;

  --syn-categorical-10: var(--syn-color-data-purple-700);
  --syn-categorical-11: var(--syn-color-neutral-500);
  --syn-categorical-12: var(--syn-color-data-magenta-500);
  --syn-categorical-01: var(--syn-color-primary-700);
  --syn-categorical-02: var(--syn-color-accent-600);
  --syn-categorical-03: var(--syn-color-muted-600);
  --syn-categorical-04: var(--syn-color-data-purple-400);
  --syn-categorical-05: var(--syn-color-primary-900);
  --syn-categorical-06: var(--syn-color-data-teal-600);
  --syn-categorical-07: var(--syn-color-data-magenta-700);
  --syn-categorical-08: var(--syn-color-neutral-800);
  --syn-categorical-09: var(--syn-color-data-teal-800);
  --syn-sequential-01-10: var(--syn-color-primary-100);
  --syn-sequential-01-20: var(--syn-color-primary-200);
  --syn-sequential-01-30: var(--syn-color-primary-300);
  --syn-sequential-01-40: var(--syn-color-primary-400);
  --syn-sequential-01-50: var(--syn-color-primary-500);
  --syn-sequential-01-60: var(--syn-color-primary-600);
  --syn-sequential-01-70: var(--syn-color-primary-700);
  --syn-sequential-01-80: var(--syn-color-primary-800);
  --syn-sequential-01-90: var(--syn-color-primary-900);
  --syn-sequential-01-100: var(--syn-color-primary-950);
  --syn-sequential-02-10: var(--syn-color-accent-100);
  --syn-sequential-02-20: var(--syn-color-accent-200);
  --syn-sequential-02-30: var(--syn-color-accent-300);
  --syn-sequential-02-40: var(--syn-color-accent-400);
  --syn-sequential-02-50: var(--syn-color-accent-500);
  --syn-sequential-02-60: var(--syn-color-accent-600);
  --syn-sequential-02-70: var(--syn-color-accent-700);
  --syn-sequential-02-80: var(--syn-color-accent-800);
  --syn-sequential-02-90: var(--syn-color-accent-900);
  --syn-sequential-02-100: var(--syn-color-accent-950);
  --syn-sequential-03-10: var(--syn-color-muted-100);
  --syn-sequential-03-20: var(--syn-color-muted-200);
  --syn-sequential-03-30: var(--syn-color-muted-300);
  --syn-sequential-03-40: var(--syn-color-muted-400);
  --syn-sequential-03-50: var(--syn-color-muted-500);
  --syn-sequential-03-60: var(--syn-color-muted-600);
  --syn-sequential-03-70: var(--syn-color-muted-700);
  --syn-sequential-03-80: var(--syn-color-muted-800);
  --syn-sequential-03-90: var(--syn-color-muted-900);
  --syn-sequential-03-100: var(--syn-color-muted-950);
  --syn-sequential-04-10: var(--syn-color-data-purple-100);
  --syn-sequential-04-20: var(--syn-color-data-purple-200);
  --syn-sequential-04-30: var(--syn-color-data-purple-300);
  --syn-sequential-04-40: var(--syn-color-data-purple-400);
  --syn-sequential-04-50: var(--syn-color-data-purple-500);
  --syn-sequential-04-60: var(--syn-color-data-purple-600);
  --syn-sequential-04-70: var(--syn-color-data-purple-700);
  --syn-sequential-04-80: var(--syn-color-data-purple-800);
  --syn-sequential-04-90: var(--syn-color-data-purple-900);
  --syn-sequential-04-100: var(--syn-color-data-purple-950);
  --syn-sequential-05-10: var(--syn-color-data-teal-100);
  --syn-sequential-05-20: var(--syn-color-data-teal-200);
  --syn-sequential-05-30: var(--syn-color-data-teal-300);
  --syn-sequential-05-40: var(--syn-color-data-teal-400);
  --syn-sequential-05-50: var(--syn-color-data-teal-500);
  --syn-sequential-05-60: var(--syn-color-data-teal-600);
  --syn-sequential-05-70: var(--syn-color-data-teal-700);
  --syn-sequential-05-80: var(--syn-color-data-teal-800);
  --syn-sequential-05-90: var(--syn-color-data-teal-900);
  --syn-sequential-05-100: var(--syn-color-data-teal-950);
  --syn-sequential-06-10: var(--syn-color-data-magenta-100);
  --syn-sequential-06-20: var(--syn-color-data-magenta-200);
  --syn-sequential-06-30: var(--syn-color-data-magenta-300);
  --syn-sequential-06-40: var(--syn-color-data-magenta-400);
  --syn-sequential-06-50: var(--syn-color-data-magenta-500);
  --syn-sequential-06-60: var(--syn-color-data-magenta-600);
  --syn-sequential-06-70: var(--syn-color-data-magenta-700);
  --syn-sequential-06-80: var(--syn-color-data-magenta-800);
  --syn-sequential-06-90: var(--syn-color-data-magenta-900);
  --syn-sequential-06-100: var(--syn-color-data-magenta-950);
  --syn-sequential-07-10: var(--syn-color-neutral-100);
  --syn-sequential-07-20: var(--syn-color-neutral-200);
  --syn-sequential-07-30: var(--syn-color-neutral-300);
  --syn-sequential-07-40: var(--syn-color-neutral-400);
  --syn-sequential-07-50: var(--syn-color-neutral-500);
  --syn-sequential-07-60: var(--syn-color-neutral-600);
  --syn-sequential-07-70: var(--syn-color-neutral-700);
  --syn-sequential-07-80: var(--syn-color-neutral-800);
  --syn-sequential-07-90: var(--syn-color-neutral-900);
  --syn-sequential-07-100: var(--syn-color-neutral-950);
  --syn-sequential-status-critical-10: var(--syn-color-critical-100);
  --syn-sequential-status-critical-20: var(--syn-color-critical-200);
  --syn-sequential-status-critical-30: var(--syn-color-critical-300);
  --syn-sequential-status-critical-40: var(--syn-color-critical-400);
  --syn-sequential-status-critical-50: var(--syn-color-critical-500);
  --syn-sequential-status-critical-60: var(--syn-color-critical-600);
  --syn-sequential-status-critical-70: var(--syn-color-critical-700);
  --syn-sequential-status-critical-80: var(--syn-color-critical-800);
  --syn-sequential-status-critical-90: var(--syn-color-critical-900);
  --syn-sequential-status-critical-100: var(--syn-color-critical-950);
  --syn-sequential-status-error-10: var(--syn-color-error-100);
  --syn-sequential-status-error-20: var(--syn-color-error-200);
  --syn-sequential-status-error-30: var(--syn-color-error-300);
  --syn-sequential-status-error-40: var(--syn-color-error-400);
  --syn-sequential-status-error-50: var(--syn-color-error-500);
  --syn-sequential-status-error-60: var(--syn-color-error-600);
  --syn-sequential-status-error-70: var(--syn-color-error-700);
  --syn-sequential-status-error-80: var(--syn-color-error-800);
  --syn-sequential-status-error-90: var(--syn-color-error-900);
  --syn-sequential-status-error-100: var(--syn-color-error-950);
  --syn-sequential-status-info-10: var(--syn-color-info-100);
  --syn-sequential-status-info-20: var(--syn-color-info-200);
  --syn-sequential-status-info-30: var(--syn-color-info-300);
  --syn-sequential-status-info-40: var(--syn-color-info-400);
  --syn-sequential-status-info-50: var(--syn-color-info-500);
  --syn-sequential-status-info-60: var(--syn-color-info-600);
  --syn-sequential-status-info-70: var(--syn-color-info-700);
  --syn-sequential-status-info-80: var(--syn-color-info-800);
  --syn-sequential-status-info-90: var(--syn-color-info-900);
  --syn-sequential-status-info-100: var(--syn-color-info-950);
  --syn-sequential-status-success-10: var(--syn-color-success-100);
  --syn-sequential-status-success-20: var(--syn-color-success-200);
  --syn-sequential-status-success-30: var(--syn-color-success-300);
  --syn-sequential-status-success-40: var(--syn-color-success-400);
  --syn-sequential-status-success-50: var(--syn-color-success-500);
  --syn-sequential-status-success-60: var(--syn-color-success-600);
  --syn-sequential-status-success-70: var(--syn-color-success-700);
  --syn-sequential-status-success-80: var(--syn-color-success-800);
  --syn-sequential-status-success-90: var(--syn-color-success-900);
  --syn-sequential-status-success-100: var(--syn-color-success-950);
  --syn-sequential-status-warning-10: var(--syn-color-warning-100);
  --syn-sequential-status-warning-20: var(--syn-color-warning-200);
  --syn-sequential-status-warning-30: var(--syn-color-warning-300);
  --syn-sequential-status-warning-40: var(--syn-color-warning-400);
  --syn-sequential-status-warning-50: var(--syn-color-warning-500);
  --syn-sequential-status-warning-60: var(--syn-color-warning-600);
  --syn-sequential-status-warning-70: var(--syn-color-warning-700);
  --syn-sequential-status-warning-80: var(--syn-color-warning-800);
  --syn-sequential-status-warning-90: var(--syn-color-warning-900);
  --syn-sequential-status-warning-100: var(--syn-color-warning-950);
}