/**
 * GT Laser design tokens — versioned v0.1.10 cache boundary.
 * Source: approved specification and Decision 0007.
 */
:root {
  --gtl-color-carbon: #111111;
  --gtl-color-laser-red: #E2001A;
  --gtl-color-graphite: #666666;
  --gtl-color-silver: #D9D9D9;
  --gtl-color-optic-white: #FFFFFF;

  /* Semantic aliases resolve only to the approved palette or alpha forms. */
  --gtl-color-red: var(--gtl-color-laser-red);
  --gtl-color-red-dark: var(--gtl-color-carbon);
  --gtl-color-ink: var(--gtl-color-carbon);
  --gtl-color-text: var(--gtl-color-carbon);
  --gtl-color-muted: var(--gtl-color-graphite);
  --gtl-color-soft: rgb(217 217 217 / 32%);
  --gtl-color-line: var(--gtl-color-silver);
  --gtl-color-white: var(--gtl-color-optic-white);

  --gtl-font-display: "Poppins", Arial, sans-serif;
  --gtl-font-body: "Inter", Arial, sans-serif;

  --gtl-content-max: 1180px;
  --gtl-content-gutter: 28px;
  --gtl-mobile-content-gutter: 20px;
  --gtl-section-space: 92px;
  --gtl-space-1: 8px;
  --gtl-space-2: 16px;
  --gtl-space-3: 24px;
  --gtl-space-4: 32px;
  --gtl-space-5: 48px;
  --gtl-space-6: 64px;

  --gtl-breakpoint-mobile: 560px;
  --gtl-breakpoint-compact: 700px;
  --gtl-breakpoint-tablet: 900px;
  --gtl-breakpoint-wide: 1100px;
  --gtl-focus-ring: 0 0 0 3px rgb(226 0 26 / 32%);
}

@media (max-width: 700px) {
  :root {
    --gtl-content-gutter: var(--gtl-mobile-content-gutter);
    --gtl-section-space: 62px;
  }
}