/* Reach — brand tokens */
:root {
  /* Neutrals */
  --ink: #0A0C0B;          /* near-black, green undertone */
  --surface: #111513;
  --surface-2: #181E1B;
  --line: rgba(255, 255, 255, 0.08);
  --line-strong: rgba(255, 255, 255, 0.14);
  --paper: #FAFAF7;
  --paper-dim: #F0F1ED;

  /* Text */
  --text-hi: #F2F5F3;
  --text-lo: #9AA59F;
  --text-faint: #5C665F;
  --text-ink: #101412;
  --text-ink-lo: #5A645E;

  /* Green accent */
  --green: #1DB876;
  --green-bright: #4BE3A4;
  --green-deep: #0B3B28;
  --green-deeper: #07271B;
  --green-tint: rgba(29, 184, 118, 0.12);
  --green-glow: rgba(75, 227, 164, 0.35);

  /* Type */
  --font-display: "Space Grotesk", sans-serif;
  --font-body: "Manrope", sans-serif;
  --font-mono: "IBM Plex Mono", monospace;
  --font-arabic: "IBM Plex Sans Arabic", sans-serif;
  --font-cjk: "Noto Sans SC", sans-serif;

  /* Radii */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-full: 999px;

  /* Glass */
  --glass-bg: rgba(255, 255, 255, 0.06);
  --glass-border: rgba(255, 255, 255, 0.12);
}