/* tapqyr design tokens — the only place colors/spacing live.
   v2: Clay-inspired warmth — flat surfaces, hairlines over shadows,
   saturated card cycle, ink CTAs, medium-weight tight display type. */
:root {
  --paper:        #FAF6EE;  /* warm canvas — non-negotiable */
  --paper-dim:    #F2ECDF;  /* soft surface: footer, chips, cream cards */
  --ink:          #22303A;
  --ink-dk:       #131f27;  /* CTA hover */
  --ink-soft:     #5C6B76;
  --turquoise:    #12A5B0;
  --turquoise-dk: #0B7E87;
  --turquoise-bg: #E3F4F5;
  --gold:         #E8A93D;
  --gold-soft:    #F5E3C2;
  --sage:         #8FBC9F;  /* card cycle 3 */
  --coral:        #E8785D;  /* card cycle 4 */
  --success:      #2E9E5B;
  --success-bg:   #E4F3EA;
  --error:        #C9564A;
  --error-bg:     #F8E7E5;
  --tile:         #FFFFFF;
  --tile-border:  #E2D9C8;  /* warm hairline */

  --font: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;
  --radius-sm: 10px;
  --radius: 14px;      /* buttons, inputs */
  --radius-lg: 20px;   /* cards */
  --radius-xl: 24px;   /* feature/game cards */
  --maxw: 480px;
  --maxw-wide: 760px;
}