/* Design tokens pulled from Figma (YP1st Site Redesign Phase 1) variables.
   Consolidated: "Deep Ink" and "Dark Gray-100" were duplicate values (#0d0d12) — kept dark-gray-100 as canonical. */
:root {
  /* Color */
  --red-100: #fe1412;
  --red-80: #fe4341;
  --red-20: #ffd0d0;
  --blue-100: #00cce3;
  --blue-80: #33d6e9;
  --blue-20: #ccf5f9;
  --yellow-100: #ffb800;
  --yellow-80: #ffc633;
  --yellow-20: #fff8e5;
  --solar-orange: #ff5c00;
  --dark-gray-100: #0d0d12;
  --dark-gray-80: #3d3d41;
  --dark-gray-20: #cfcfd0;
  --white: #ffffff;

  /* Font families */
  --font-family-title: 'Contrail One', serif;
  --font-family-text: 'Oswald', sans-serif;

  /* Desktop type scale */
  --h1-desktop: 400 96px/1 var(--font-family-title);
  --h2-desktop: 400 64px/64px var(--font-family-title);
  --h3-desktop: 400 40px/40px var(--font-family-title);
  --pull-quote: 400 72px/72px var(--font-family-title);
  --intro-paragraph-desktop: 300 32px/40px var(--font-family-text);
  --hero-bodycopy: 400 32px/1 var(--font-family-text);
  --subhead-desktop: 400 24px/24px var(--font-family-text);
  --bodycopy: 400 24px/1 var(--font-family-text);
  --button-text-desktop: 700 24px/24px var(--font-family-text);
  --job-card-title-desktop: 400 40px/35px var(--font-family-title);
  --job-card-subhead-desktop: 400 16px/16px var(--font-family-text);
  --job-card-bodycopy: 300 18px/22px var(--font-family-text);
  --blog-bodycopy: 300 22px/32px var(--font-family-text);
  --blog-date-stamp: 400 32px/24px var(--font-family-text);
  --field-label: 400 22px/1 var(--font-family-text);
  --form-input: 400 24px/24px var(--font-family-text);
  --filter-dropdown: 400 20px/24px var(--font-family-text);

  /* Mobile type scale */
  --h2-mobile: 400 40px/40px var(--font-family-title);
  --h3-mobile: 400 32px/32px var(--font-family-title);
  --button-text-mobile: 700 16px/20px var(--font-family-text);
}