:root {
  // Primary
  --s1-P-90-color: #0000cd;
  --s1-P-80-color: #0500db;
  --s1-P-70-color: #3500e0;
  --s1-P-60-color: #4d00e8;
  --s1-P-50-color: #5b05ee;
  --s1-P-40-color: #7b3ff2;
  --s1-P-30-color: #9665f4;
  --s1-P-20-color: #b694f6;
  --s1-P-10-color: #d4bff9;
  --s1-P-5-color: #efe5fd;
  --s1-P-2-color: #f6f2fe;
  --s1-P-1-color: #fcfafe;

  // Secondary
  --s1-S-80-color: #2263c9;
  --s1-S-50-color: #2495fe;
  --s1-S-1-color: #f7fbff;

  // Neutral
  --s1-N-100-color: #000000;
  --s1-N-90-color: #262626;
  --s1-N-80-color: #434343;
  --s1-N-70-color: #555555;
  --s1-N-60-color: #757575;
  --s1-N-50-color: #9d9d9d;
  --s1-N-40-color: #c4c4c4;
  --s1-N-30-color: #d9d9d9;
  --s1-N-20-color: #e9e9e9;
  --s1-N-15-color: #f4f4f4;
  --s1-N-10-color: #f5f5f5;
  --s1-N-0-color: #ffffff;

  // Semantic
  --s1-R-80-color: #692340;
  --s1-R-50-color: #ed001b;
  --s1-R-10-color: #fab9c9;
  --s1-Y-50-color: #ff6004;
  --s1-Y-10-color: #fbe9ca;
  --s1-G-50-color: #06847d;
  --s1-G-10-color: #d2e4e3;
  --s1-B-80-color: #2263c9;
  --s1-B-50-color: #2495fe;

  // Data Visualization
  --s1-D-90-color: #301baa;
  --s1-D-80-color: #7b3ff2;
  --s1-D-70-color: #b99cf1;
  --s1-D-60-color: #e404dd;
  --s1-D-50-color: #58aeff;
  --s1-D-40-color: #5291ff;
  --s1-D-30-color: #52e9ef;
  --s1-D-20-color: #5b6770;
  --s1-D-15-color: #edf1fb;
  --s1-D-10-color: #a0aaad;
  --s1-D-5-color: #cfd3d4;

  // Const Colors
  --s1-const-N-100-color: #000000;
  --s1-const-N-0-color: #ffffff;
  --s1-const-P-40-color: #7b3ff2;

  // Shadows
  --s1-shadow-2: 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 3px 1px -2px rgba(0, 0, 0, 0.25), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  --s1-shadow-6: 0 3px 5px -1px rgba(0, 0, 0, 0.08), 0 6px 10px 0 rgba(0, 0, 0, 0.08), 0 1px 18px 0 rgba(0, 0, 0, 0.08);
  --s1-shadow-16: 0 8px 10px -5px rgba(0, 0, 0, 0.12), 0 16px 24px 2px rgba(0, 0, 0, 0.1),
    0 6px 30px 5px rgba(0, 0, 0, 0.12);
  --s1-shadow-table-freeze-column: -11px 0 20px 13px rgba(0, 0, 0, 0.16);

  // Backdrop
  --s1-backdrop-color: rgba(0, 0, 0, 0.32);

  // Separator Border
  --s1-separator-border: 1px solid var(--s1-N-20-color);
}