$dark-text-color: #909090;

// light + dark colors
$light-label-color: #5F6368;
$light-scrollbar-color: $light-label-color;
$dark-scrollbar-color: $dark-text-color;
$dark-label-color: #909090;

// errors and warnings
$dark-issue-error-color: #EF5350;
$dark-issue-warning-color: #d9d077;
$dark-issue-info-color: #7ea7d8;
$dark-squiggle-error-color: #EF5350;
$dark-squiggle-warning-color: #d9d077;
$dark-squiggle-info-color: #7EA7D8;

$light-issue-error-color: #BF360C;
$light-issue-warning-color: #BF360C;
$light-issue-info-color: #2C57A4;
$light-squiggle-error-color: #EF5350;
$light-squiggle-warning-color: #BF360C;
$light-squiggle-info-color: #2C57A4;

// Playground
$playground-background-color: #0E161F;
$playground-text-color: #fff;
$playground-link-color: #ccc;
$playground-header-background-color: #1c2834;
$playground-footer-background-color: #27323a;

$light-button-color: #1967d2;
$light-code-background-color: #fff;
$light-text-color: #808080;
$light-busy-background-color: rgba(255, 255, 255, .5);
$light-secondary-background-color: #f7f7f7;
$light-gutter-background-color: #f5f5f7;
$light-border-color: $light-gutter-background-color;
$light-issue-label-color: darken($light-text-color, 30%);
$light-flash-info-color: #e7f8ff;
$light-flash-success-color: #e7fff8;
$light-flash-warning-color: #fff8e7;
$light-flash-error-color: #ffe7f8;

$dark-code-background-color: $playground-background-color;
$dark-busy-background-color: rgba(27, 29, 33, .8);
$dark-secondary-background-color: $dark-code-background-color;
$dark-gutter-background-color: $playground-header-background-color;
$dark-border-color: $dark-gutter-background-color;
$dark-issues-background-color: $playground-header-background-color;
$dark-issue-label-color: #e6e6e6;
$dark-flash-text-color: $dark-issue-label-color;
$dark-flash-info-color: #2f3a41;
$dark-flash-success-color: #2b413a;
$dark-flash-warning-color: #413a31;
$dark-flash-error-color: #41333a;

// V2 Colors
$button-color: #1967D2;
$button-text-color: #f8f9fa;
$secondary-color: #676767;
$grey-1: #1c2834;
$grey-2: #27323A;
$grey-3: #12202F;

$dark-green: #50E191;
$dark-blue: #00D2FA;
$dark-pink: #FA557D;
$dark-teal: $dark-text-color;
$dark-orange: #FF916E;
$dark-red: #FF2D64;
$dark-pink-2: #FF00FA;
$dark-orange-2: #FF9B00;
$dark-editor-text: #FFFFFF;
$dark-comment: #909CC3;
$dark-line-count: $dark-teal;
$dark-gutter-line-number-color: $dark-teal;
$dark-selection-color: lighten($dark-code-background-color, 15%);
$dark-tab-color: $dark-text-color;
$dark-tab-color-active: $button-text-color;

$light-green: #007a27;
$light-blue: #0E161F;
$light-pink: #bc0056;
$light-teal: #00786d;
$light-dark-blue: #2f4960;
$light-red: #a54a78;
$light-pink-2: #983ab3;
$light-red-2: #d32923;
$light-editor-text: #4a4a4a;
$light-comment: #5F6368;
$light-line-count: #d5d5d5;
$light-gutter-line-number-color: #d0d0d2;
$light-selection-color: darken($light-code-background-color, 7%);
$light-tab-color: $light-label-color;
$light-tab-color-active: $light-button-color;

// Workshop colors
$workshop-snippet-bg-color: #071421;
$workshop-code-bg-color: #0f2842;
$workshop-table-border-color: #4b5769;
$workshop-table-bg-color: $playground-background-color;
$workshop-blockquote-border-color: lighten($light-button-color,15%);
$workshop-blockquote-bg-color: lighten($playground-background-color,10%);
