/* Optara Labs — design tokens. Single source of truth; consume, never redefine. */

:root {
  /* Color */
  --bg: #0A0A0A;
  --surface: #121316;
  --text: #F2F2F2;
  /*
    --text-2 contrast vs --bg (#0A0A0A), WCAG 2.1 relative-luminance math:
      #0A0A0A: channel 10/255 = 0.039216 <= 0.03928, so linear = 0.039216/12.92 = 0.0030353
               L(bg) = (0.2126 + 0.7152 + 0.0722) * 0.0030353 = 0.0030353
      #8A8A8A: channel 138/255 = 0.541176, linear = ((0.541176+0.055)/1.055)^2.4 = 0.254152
               L(text-2) = 0.254152
      ratio = (0.254152 + 0.05) / (0.0030353 + 0.05) = 0.304152 / 0.0530353 = 5.73 : 1  (>= 4.5:1, passes AA)
  */
  --text-2: #8A8A8A;
  --border: rgba(255, 255, 255, 0.08);
  --accent: #FFFFFF;

  /* Type scale — 1.25 ratio, body 17px */
  --step--1: 13.6px;
  --step-0: 17px;
  --step-1: 21.25px;
  --step-2: 26.56px;
  --step-3: 33.2px;
  --step-4: 41.5px;
  --step-hero: clamp(40px, 7vw, 72px);

  /* Spacing — 8px base */
  --s1: 8px;
  --s2: 16px;
  --s3: 24px;
  --s4: 40px;
  --s5: 64px;
  --s6: 96px;
  --s7: 128px;

  /* Shared primitives */
  --font: "Space Grotesk", -apple-system, "Helvetica Neue", Arial, sans-serif;
  --container: 1120px;
  --radius: 2px;
}