/* Design tokens: colors, type, spacing. Change the look from here. */
:root {
  --bg: #08080a;
  --bg-2: #121216;
  --ink: #ffffff;
  --ink-dim: rgba(255, 255, 255, .6);
  --paper: #ececef;
  --paper-ink: #0b0b0c;
  --line: rgba(255, 255, 255, .16);
  --line-soft: rgba(255, 255, 255, .08);
  --line-dark: rgba(11, 11, 12, .12);

  --pink: #ff3fa4;
  --orange: #ff8a3d;
  --violet: #7c4dff;
  --lime: #c6ff3d;
  --sky: #59c6ff;
  --grad: linear-gradient(100deg, var(--violet) 0%, var(--pink) 55%, var(--orange) 100%);

  /* heavy, wide Hebrew display face (closest to the reference's chunky grotesk) */
  --f-display: "Rubik", "Heebo", sans-serif;
  --f-body: "Heebo", system-ui, sans-serif;

  --radius: 30px;
  --radius-sm: 18px;
  --gutter: clamp(16px, 3.6vw, 56px);
  --max: 1320px;

  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
}