:root {
  /* Palette — from assets/colors.svg */
  --ink: #5E3332;
  --near-black: #231F20;
  --sky: #00B6E2;
  --sky-pale: #B5E3F5;
  --cloud: #CEDADE;
  --blush: #F5A3A9;

  /* Sky plates — sampled from the originals, spec 7.0 */
  --sky-clear: #7ADCE8;
  --sky-storm: #969B92;
  --sky-rainbow: #B7E8EB;
  --sky-dusk: #80A3D4;

  /* Surfaces */
  --cloud-card: #FCFEFE;

  /* Type */
  --font-display: "Gochi Hand", "Comic Sans MS", cursive;
  --font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;

  --step--1: clamp(0.89rem, 0.86rem + 0.14vw, 0.96rem);
  --step-0:  clamp(1.06rem, 1.00rem + 0.31vw, 1.25rem);
  --step-1:  clamp(1.33rem, 1.21rem + 0.58vw, 1.69rem);
  --step-2:  clamp(1.66rem, 1.46rem + 0.99vw, 2.28rem);
  --step-3:  clamp(2.07rem, 1.75rem + 1.62vw, 3.08rem);

  /* Space */
  --space-xs: 0.5rem;
  --space-s:  1rem;
  --space-m:  1.75rem;
  --space-l:  3rem;
  --space-xl: 5rem;

  --radius-card: 2.5rem;
  --tap-min: 44px;
}