:root {
  /* @agent:DesignTokens: color, type, and spacing tokens for Project Ready */

  /* Colors */
  --color-teal: #3e98b2;
  --color-orange: #ff6633;
  --color-orange-hover: #e5522a;
  --color-white: #ffffff;
  --color-ink: #333333;
  --color-ink-soft: #4b5563;
  --color-base-200: #f3f5f9;
  --color-border: #e5e7eb;
  --color-dark-overlay: rgba(10, 20, 35, 0.72);

  /* Fonts */
  --font-heading: "Roboto", "Open Sans", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Open Sans", ui-sans-serif, system-ui, sans-serif;

  /* Type scale */
  --fs-h1: 60px;
  --lh-h1: 75px;
  --fs-h2: 36px;
  --lh-h2: 40px;
  --fs-h3: 22px;
  --fs-body: 16px;
  --lh-body: 26px;
  --fs-small: 16px;

  /* Spacing */
  --space-section-y: 80px;
  --space-section-x: 24px;
  --radius: 6px;

  /* Layout */
  --max-width: 1152px;
}