// Core USWDS variables and design tokens
// Import USWDS design system tokens

@forward '@uswds/uswds/scss/uswds-global';

// Common component variables that are shared across components
// These are design tokens that multiple components use

// Focus outline
$usa-focus-color: #2491ff;
$usa-focus-width: 0.25rem;

// Common colors
$usa-color-primary: #005ea2;
$usa-color-primary-dark: #1a4480;
$usa-color-primary-darker: #162e51;
$usa-color-secondary: #54278f;

$usa-color-base: #1b1b1b;
$usa-color-white: #fff;
$usa-color-gray-cool-10: #dfe1e2;
$usa-color-gray-50: #757575;

// Typography
$usa-font-sans: "Source Sans Pro Web", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
$usa-font-serif: "Merriweather Web", Georgia, Cambria, "Times New Roman", Times, serif;

// Spacing
$usa-spacing-1: 0.25rem;
$usa-spacing-2: 0.5rem;
$usa-spacing-3: 0.75rem;
$usa-spacing-4: 1rem;
$usa-spacing-5: 1.25rem;
$usa-spacing-6: 1.5rem;

// Border radius
$usa-border-radius: 0;

// Standard component sizes
$usa-input-height: 2.5rem;
$usa-input-max-width: 30rem;