/* Global Rubber Industries: brand tokens (color, type, motion) */
:root {
  /* palette */
  --carbon: #0B0B0C;          /* page background */
  --carbon-2: #121214;
  --asphalt: #1D1E20;         /* raised sections, scrolled header */
  --asphalt-2: #26272A;
  --bone: #ECE9E2;            /* text on dark, light sections */
  --bone-2: #E1DDD3;
  --amber: #F0A202;           /* the only accent: a sodium street lamp */
  --amber-hot: #FFB81F;
  --concrete: #8B8A86;        /* secondary text on dark (AA on carbon and asphalt) */

  --text: var(--bone);
  --text-dim: rgba(236, 233, 226, .74);
  --line: rgba(236, 233, 226, .12);
  --line-2: rgba(236, 233, 226, .24);
  --ink: #0B0B0C;             /* text on bone */
  --ink-mute: #55544F;        /* muted text on bone (AA) */
  --line-ink: rgba(11, 11, 12, .14);
  --line-ink-2: rgba(11, 11, 12, .3);

  --focus: #F0A202;
  --selection-bg: #F0A202;
  --selection-fg: #0B0B0C;

  /* type: Anybody (variable width 50-150, weight 100-900) + Barlow */
  --font-display: "Anybody", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Barlow", "Helvetica Neue", Arial, sans-serif;

  /* layout */
  --maxw: 1560px;
  --gutter: clamp(16px, 4.4vw, 72px);
  --header-h: 78px;

  /* motion */
  --ease: cubic-bezier(.16, 1, .3, 1);
  --ease-io: cubic-bezier(.7, 0, .2, 1);
  --spring: cubic-bezier(.34, 1.56, .64, 1);

  /* lane marker: amber dashes like a road line */
  --dash: repeating-linear-gradient(90deg, var(--amber) 0 12px, transparent 12px 20px);
}