//@warn "_colors.scss now using set from Marketing. Probably do some magic for eaching to prefix nypl automatically to each variable...";
// nypl _colors.scss

// NYPL Reds
$nypl-red: #d0343a;
$nypl-red-dark: #97272c;

// NYPL Blues
$nypl-blue: #1b7fa7;
$nypl-blue-dark: #135772;
$nypl-light-blue: lighten($nypl-blue, 30%);


// NYPL Monochromatic
$nypl-gray-cool: #76777b;
$nypl-gray: #776e64;
$nypl-gray-brown: #54514a;
$nypl-dark-gray: darken($nypl-gray, 40%);
$nypl-light-gray: lighten($nypl-gray, 40%);
$nypl-white: #fff;
$nypl-black: #111;


// NYPL Yellows for Alerts & Focus halos etc.
$nypl-yellow: #fee24a;
$nypl-orange: #ffb81d;
$nypl-orange-desaturated: desaturate($nypl-orange, 40%);

// NYPL Greens ~ Used in Learn
$nypl-green: #799a05;
$nypl-green-dark: #497629;
$nypl-green-bright: #008918;

// NYPL Purple ~ Attend Colors
$nypl-purple: #72256d;
$nypl-purple-dark: #52174f;
$nypl-purple-tint: lighten($nypl-purple, 60%);


// NYPL Teal ~ Research colors
$nypl-teal: #07818d;
$nypl-teal-dark: #047074;
$nypl-teal-tint: lighten($nypl-teal, 60%);

// Semantic colors
$nypl-search-color: $nypl-light-gray;
$nypl-search-color-dark: $nypl-gray;//darken($nypl-search-color, 10%);
$nypl-search-color-light: lighten($nypl-search-color, 10%);

// Accessible, high contrast orange yellow for focus rings
$focus-color: darken($nypl-blue-dark, 5%);


// General Page Styles
$page-color: $nypl-dark-gray;
$page-text-color: $nypl-dark-gray;
$page-color-light: $nypl-light-gray;
$nypl-bar-color: rgba(0, 0, 0, 0.1);

// General page background
$page-background-color: $nypl-white;

// Global Footer background
$nypl-footer-color: $nypl-gray-brown;

// Alerting and Highlights
$highlight-color: $nypl-red;
$success-color: $nypl-green-bright;
$alert-color: $nypl-yellow;

// Hyper-link colors
$link-color: $nypl-blue;
$link-visited-color: darken($link-color, 15%);
$link-hover-color: darken($link-color, 5%);
$inverted-link-color: $nypl-white;
$inverted-link-visited-color: darken($inverted-link-color, 10%);

// button colors not already defined above.
$button-text-color: $nypl-white;

$button-border-color: $nypl-dark-gray;

$button-background-color: $nypl-white;
//

// field error bg
$nypl-red-tint: tint($nypl-red, 30%);
$nypl-red-error: tint($nypl-red, 80%);
$nypl-blue-tint: tint($nypl-blue, 80%);
$nypl-yellow-tint: tint($nypl-yellow, 50%);
$nypl-green-tint: #f3f7e6;