@use "sass:color";

// Colors
$brand-primary: rgb(50, 93, 136) !default;
$brand-primary-dark: color.adjust($brand-primary, $lightness: -10%) !default;
$brand-success: rgb(147, 197, 75) !default;
$brand-success-dark: color.adjust($brand-success, $lightness: -10%) !default;
$brand-warning: rgb(244, 124, 60) !default;
$brand-warning-dark: color.adjust($brand-warning, $lightness: -10%) !default;
$brand-error: rgb(217, 83, 79) !default;
$brand-error-dark: color.adjust($brand-error, $lightness: -10%) !default;
$brand-info: rgb(153, 84, 187) !default;

$remove-bg: rgba($brand-error, 0.25) !default;

$row-outline-color: rgb(239, 71, 111);
$column-outline-color: rgb(6, 214, 160);
$field-outline-color: rgb(38, 84, 124);
$row-highlight-color: color.adjust($row-outline-color, $lightness: 36%) !default;
$column-highlight-color: color.adjust($column-outline-color, $lightness: 50%) !default;
$field-highlight-color: color.adjust($field-outline-color, $lightness: 50%) !default;

$input-focus: rgba(102, 175, 233, 1);

// Grayscale and brand colors for use across Bootstrap.
$black: #000;
$white: #fff;
$off-white: #fefefe;

// $gray-dark: #373a3c !default;
$gray-dark: color.scale($black, $lightness: 20%) !default;
$gray: color.scale($black, $lightness: 40%) !default;
$gray-light: color.scale($black, $lightness: 60%) !default;
$gray-lighter: color.scale($black, $lightness: 80%) !default;
$gray-lightest: color.scale($black, $lightness: 90%) !default;

// Stage
$stage-background: rgba(255, 255, 255, 0);
$shadow: rgba(255, 255, 255, 0.25);
