/*
 * S3 Spectrum Co. brand palette
 * Primary colors: Red, Gray, and Yellow
 * Update the brand variables below to adjust the entire website theme.
 */
:root {
  --brand-red: #b5121b;
  --brand-red-bright: #d11a2a;
  --brand-yellow: #f4c430;
  --brand-yellow-light: #ffd84d;
  --brand-gray-dark: #242424;
  --brand-gray: #4a4a4a;
  --brand-gray-light: #efefef;

  /* Existing component aliases */
  --navy-950: var(--brand-gray-dark);
  --navy-900: #333333;
  --navy-800: var(--brand-gray);
  --blue-700: var(--brand-red);
  --blue-600: var(--brand-red-bright);
  --blue-100: #fff0f1;
  --gold-500: var(--brand-yellow);
  --gold-400: var(--brand-yellow-light);

  --white: #ffffff;
  --gray-50: #fafafa;
  --gray-100: #f1f1f1;
  --gray-200: #dddddd;
  --gray-400: #9a9a9a;
  --gray-600: #666666;
  --gray-700: #4a4a4a;
  --gray-900: #242424;
  --success: #2f7d4a;
  --danger: #b5121b;

  --shadow-sm: 0 8px 24px rgba(36, 36, 36, 0.08);
  --shadow-md: 0 18px 50px rgba(36, 36, 36, 0.14);
  --radius-sm: 0.6rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --container: 1180px;
  --header-height: 84px;
  --font-heading: "Montserrat", sans-serif;
  --font-body: "Inter", sans-serif;
  --transition: 220ms ease;
}