// Colors

// Dragonchain Colors (+ variations)

$white:#ffffff;
$near-white:#f9fbff;
$black:#131313;

$grey:#939598;
$grey-med:#808285;
$grey-med-light:#bcbec0;
$grey-light:#e6e7e8;
$grey-faint:#F9F9F9;
$grey-text:#6D6E71;
$grey-on-dark:$grey-med-light;

$red:#dc2800;
$red-light:#f34322;

$blue:#1693e1;
$blue-light:#2eb6ef;
$blue-med:#003b82;
$blue-dark:#02173e;
$blue-black:#08152c;
// $blue-grey:#3c4a5b;
$blue-grey:#425466;
$blue-grey-med:#8494a5;

$blue-light-on-blue:#9fdbf9;
$blue-light-on-blue-med:#3fccfe;
$near-white-on-blue-dark:#95a5c2;

$yellow:#ffc623;
$yellow-dark:#f0b611;

// UI-specific Colors

$notice-blue-left:#1797e5;
$notice-blue-right:#0164a9;

// Pill Button
$pill-button-border-color:#e1e8ed;

$line-color:#F1F1F1;
$li-dot-color:$grey-med-light;

$input-border-color:#d6dbdf;
$input-placeholder-color:#939598;
$input-border-hover-color:$grey;
$input-border-focus-color:$blue;

$subscribe-bg-blue-light:#1797E5;
$sdks-border-color:#5DC5F9;

$switch-blue-bg-color:#5DC5F9;
$switch-blue-color:$blue-med;

$accordion-border-color:#d6dbdf;
$accordion-line-color:$line-color;

// Footer
$footer-line-color:$grey-light;
$footer-link-disabled-color:#A7A9AC;
$footer-social-icon-color:$blue-dark;
$footer-social-icon-color-hover:$blue;

// Hero
$hero-bg:#0252a3;
$hero-description-color:#7ac3ff;

// Steps
$step-num-color:#e0e3e8;

// Code Examples
$code-examples-nav-bg-color:#191d36;
$code-examples-line-color:rgba(163,177,232,0.1);
$code-examples-bg-color:#0f1630;

// Contest Rows
$box-row-near-white:#f3f3fa;
$box-row-border-color:#f2f2f2;
