/**
 * @file
 * Variables.
 */

// Breakpoints (utilizes uswds token values).
// use: units($tablet) to get the rem values.
$mobile: "mobile"; // 320px
$mobile-lg: "mobile-lg"; // 480px
$tablet: "tablet"; // 640px
$tablet-lg: "tablet-lg"; // 880px
$desktop: "desktop"; // 1024px
$desktop-lg: "desktop-lg";  // 1200px
$widescreen: "widescreen";  // 1400px

$block-spacing: 8rem;
$row-spacing: 4rem;
$column-spacing: $row-spacing;
$field-spacing: 1.6rem;

// Colors.
$black: #000;
$owhite: #f7f7f7;
$white: #fff;
$green: #2e9591;
$lightblue: #f2f8ff; // formerly color('primary-lightest') color('primary-lighter')
$blue: #005ea2;
$brightblue: #065cb4; // formerly color('primary')
$darkblue: #1d3557; // formerly color('primary-darkest') color('primary-darker')

// Font-families.
$sans: Inter, Helvetica Neue, Helvetica, Arial, sans-serif;
$serif: Cormorant, Georgia, Cambria, "Times New Roman", Times, serif;
$mono: "Courier New", monospace, sans-serif;

// Border style.
$border: 1px solid rgba($darkblue, 0.25);

// Box shadow style.
$box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);