/* tokens.css: Swipe's own pastel token block (SPEC section 9). Single light look.
   Every color in the app flows through these variables. No raw hex anywhere else.
   Contrast ratios below were computed (WCAG 2.x relative luminance, node script), not eyeballed.
   Rule: ink on every pastel >= 7:1. muted is used only on cloud and mist (>= 4.4:1, 15px+ text). */
:root {
  --cloud:  #FBFAFF;   /* ground. ink on cloud 13.47:1, muted on cloud 4.88:1 */
  --mist:   #F1EFFB;   /* raised ground, chips. ink on mist 12.31:1, muted on mist 4.46:1 */
  --ink:    #2B2A3D;   /* primary text */
  --muted:  #6E6C85;   /* secondary text, grounds only */
  --mint:   #BDEBD8;   /* keep, swipe right. ink on mint 10.68:1 */
  --blush:  #F9C9D2;   /* trash, swipe left. ink on blush 9.53:1 */
  --butter: #FBE7A6;   /* redo, swipe up. ink on butter 11.38:1 */
  --sky:    #C7DDFB;   /* Persona. ink on sky 10.10:1 */
  --lilac:  #DCD0F7;   /* Queue. ink on lilac 9.60:1 */

  --hair: rgba(43, 42, 61, 0.12);      /* hairlines, derived from ink */
  --scrim: rgba(43, 42, 61, 0.42);     /* sheet scrim, derived from ink */
  --shadow: rgba(43, 42, 61, 0.14);
  --danger: var(--ink);                /* destructive verbs stay ink on blush, never a new hue */

  --r: 14px; --r-lg: 22px;
  --safe-t: env(safe-area-inset-top, 0px); --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-l: env(safe-area-inset-left, 0px); --safe-r: env(safe-area-inset-right, 0px);
  --font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;
  --ease-spring: cubic-bezier(.2, .8, .2, 1); --dur: 220ms; --dur-snap: 140ms;
  --max: 480px; --gutter: 16px; --tabbar: 56px;
  color-scheme: light;
}