/* Brand Figma: https://www.figma.com/design/cgnNOpdIgXM5G31NqWa3az/GEO */
:root {
  /* Typography */
  --font-family: "Work Sans", sans-serif;

  --body-font-size: 1.125rem;
  --body-font-size--mobile: 1rem;
  --body-line-height: 1.6667;

  --small-font-size: 0.875rem;
  --small-font-size--mobile: 0.875rem;

  --h1-font-family: "Big Shoulders Text", sans-serif;
  --h1-font-size: 4rem;
  --h1-font-size--mobile: 2.5rem;
  --h1-font-weight: var(--font-weight--black);
  --h1-line-height: 1.09375;

  --h2-font-family: "Big Shoulders Text", sans-serif;
  --h2-font-size: 3.5rem;
  --h2-font-size--mobile: 2rem;
  --h2-font-weight: var(--font-weight--black);

  --h3-font-family: "Big Shoulders Text", sans-serif;
  --h3-font-size: 2rem;
  --h3-font-size--mobile: 1.75rem;
  --h3-font-weight: var(--font-weight--black);

  --h4-font-family: "Big Shoulders Text", sans-serif;
  --h4-font-size: 1.75rem;
  --h4-font-size--mobile: 1.5rem;
  --h4-font-weight: var(--font-weight--black);
  --h4-line-height: 1;

  --display-1-font-family: "Big Shoulders Text", sans-serif;
  --display-1-font-weight: var(--font-weight--black);
  --display-1-line-height: 1;

  /* Color primitives */
  --black: #0e0e0e;
  --primary: #ff6b00;
  --secondary: #5f6368;

  /* Extra Brand hues */
  --geo-navy: #002355;
  --geo-cream: #f8f4ed;
  --geo-orange: #ff6b00;
  --geo-blue: #1764d4;
  --geo-light-blue: #bad6ff;
  --geo-gray: #5f6368;
  --geo-ink: #0e0e0e;
  --geo-orange-hover: #ff8a33;
  --geo-orange-pressed: #ea6300;
  --geo-navy-hover: #103b70;
  --geo-navy-pressed: #001a40;
  --geo-blue-pressed: #0f52b5;
  --geo-disabled-fill: #e1e3e5;

  /* Buttons — Figma GEO/Button control surface 48px (14px / 41.5px inset) */
  --button--font-size: var(--small-font-size);
  --button--font-size--mobile: var(--small-font-size--mobile);
  --button--font-weight: var(--font-weight--bold);
  --button--text-transform: uppercase;
  --button--letter-spacing: 0.0625rem;
  --button--border-radius--md: 0;
  --button--padding-y--sm: var(--spacer--xs);
  --button--padding-x--sm: var(--spacer--md);
  --button--padding-y--md: 0.875rem;
  --button--padding-x--md: 2.5rem;
  --button--padding-y--lg: var(--spacer--md);
  --button--padding-x--lg: var(--spacer--3xl);
  --button--padding-y: var(--button--padding-y--md);
  --button--padding-x: var(--button--padding-x--md);
}