/* REACH ME design tokens — the one source for brand values shared by the demo (reach-me-ui.css)
   and the pitch (pitch.css). Load before either. Change a value here, never in the consumers. */
:root {
  /* Brand */
  --pink: #ff5fa8;
  --mag: #c2187f;
  --vio: #6d3df5;
  --flow: linear-gradient(90deg, var(--pink), var(--mag) 50%, var(--vio));
  --rainbow: linear-gradient(90deg, #ff8fb8, #ffd27a, #9ee6a8, #8fd3ff, #c5a3ff);

  /* Surfaces */
  --paper: #fbf5ef;   /* light screens */
  --blush: #ffe3f1;   /* light-screen glow */
  --night: #1d0b1c;   /* dark screens */
  --plum: #3a1734;    /* dark buttons, strong text on light */

  /* Text and lines */
  --ink: #2a0f25;
  --muted: #6f5566;
  --line: #ead9e2;

  /* States and quiet variants */
  --focus: #ffb3d7;
  --mag-tint: #fff1fa;    /* secondary button / pill fill */
  --mag-deep: #7b1c5d;    /* text on --mag-tint */
  --danger-tint: #fff1f4;
  --danger: #8c1d3c;
  --ok: #1f7a4d;
  --ok-tint: #eef7f1;
  --on-night-soft: #eadce6;   /* body text on --night */

  /* Readable sizes for older users: one step above common web defaults */
  --fs-small: 16px;
  --fs-body: 19px;
  --fs-lead: clamp(21px, 1.9vw, 30px);
  --fs-control: 20px;
  --tap: 56px;        /* minimum height of anything you press */

  /* Type and motion */
  --sans: "Noto Sans Thai", "Leelawadee UI", "Segoe UI", system-ui, -apple-system, sans-serif;
  --ease: cubic-bezier(.23, 1, .32, 1);
}