// Variables

// Colors
$black: #222; // ILR Brand black
$white: #fff;
$cornell-red: #b31b1b;
$gray-light: #efefef;
$gray-medium: #757575;
$gray-medium-new: #6c6c6c;
$gray-dark: #464646;

// Color usage
$color-text: $black;
$color-light: $white;
$color-brand: $cornell-red;
$color-bg-body: $white;
$color-alert: $cornell-red;
$color-border: #ccc;
$color-bg-card--default: transparent;
$color-bg-card--light: $white;
$color-bg-card--medium: $gray-light;
$color-bg-card--dark: $gray-dark;
$color-bg--dark: #222;
$color-bg--lightest: #F5F5F5;
$color-text--light: $white;
$color-text--medium: $gray-medium;

// Color status indictors
$color-info: #5bc0de !default;
$color-info--dark: darken($color-info, 30%) !default;
$color-info--light: lighten($color-info, 30%) !default;
$color-status: #5cb85c !default;
$color-status--dark: darken($color-status, 20%) !default;
$color-status--light: lighten($color-status, 38%) !default;
$color-warning: #ffc107 !default;
$color-warning--dark: darken($color-warning, 20%) !default;
$color-warning--light: lighten($color-warning, 40%) !default;
$color-error: #d9534f !default;
$color-error--dark: darken($color-error, 20%) !default;
$color-error--light: lighten($color-error, 33%) !default;

// Fonts and typography
$base-font-size-percentage: 100% !default;
$base-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
$base-font-size: 1rem !default;
$base-font-weight: 300 !default;
$base-line-height: 1.5 !default;
$reduced-line-height: 1.2 !default;
$base-heading-line-height: 1.2 !default;
$base-heading-font-family: $base-font-family !default;
$base-heading-font-weight: 300 !default;
$ps-base: 1em !default;
$vr-base: $base-font-size !default;

$dt-font-weight: 700;
$font-weight-bolder: 800;

// Spacing
$headings-margin-bottom: 0.5rem;
$paragraph-margin-bottom: 1rem;
$max-width-section: 1060px;

// Links
$color-link: $cornell-red;
$link-decoration: none;
$color-link-hover: lighten($cornell-red, 0.1);
$link-hover-decoration: underline;

// Tables
$table-cell-padding: 0.75rem;
$color-table-caption: $black;
$label-margin-bottom: 0.5rem;