/* Everywhile design tokens, v1.1-beta (Recycled look). Locked 2026-10-25 from the VizD screens page rev 6
   (prototypes/vizd/vz7-src.html, Recycled + Narayan's picks: grey recycled ground, mist sheet, ochre second color, medium contrast).
   Values were read from the rendered page, so color-mix() results are resolved to hex where the build needs a flat value.
   One light look only (no dark mode in beta). Spec and component rules: build-spec/README.md and the "Everywhile build spec" doc.
   Changes go through the VizD thread; bump the version line above when a value changes. */

:root{
  color-scheme:light;

  /* ---- ground and surfaces ---- */
  --ew-ground:#d8d6d0;            /* main screen (grey recycled paper). v1.1 (Narayan, Oct 27 iPad notes): a tad lighter; was #cfcdc7 */
  --ew-surface:#e6e4df;           /* cards, toasts, event base */
  --ew-surface-2:#cac7c0;         /* pressed / recessed */
  --ew-raised:#efedea;            /* tappable controls on the ground: views button, window-bar buttons, search field (surface 70% + white) */
  --ew-timeline:#dde0e0;          /* timeline tint (ground 40% + sheet 60%); timeline + zoom strip + calendar lens ONLY */
  --ew-mine-lane:#d0d4ca;         /* the pinned You lane */
  --ew-window-bar:#cfcdc7;        /* bar between timeline and calendar (ink 4% on ground) */
  --ew-line:#a6a298;              /* grid lines, dividers. v1.1: stronger; was #b3afa6 */
  --ew-cal-grid:rgba(42,41,36,.16);  /* month calendar grid, v1.1 */
  --ew-hairline:rgba(42,41,36,.11);  /* card edges, 1px */
  --ew-edge:rgba(42,41,36,.16);   /* control edges, 1px */

  /* ---- sheet (the surface that slides up): mist ---- */
  --ew-sheet:#d7dde2;
  --ew-sheet-surface:#e6eaee;     /* fields, chips, cards inside a sheet */
  --ew-sheet-line:#b9c2ca;
  --ew-sheet-ink-2:#4f5964;

  /* ---- ink ---- */
  --ew-ink:#2a2924;
  --ew-ink-2:#4c4840;             /* secondary text, 6.3:1 on ground. v1.1: more contrast; was #57534a */
  --ew-on-accent:#f1eee6;

  /* ---- accent (app green): primary buttons, today, selection, focus ---- */
  --ew-accent:#3c6a4e;
  --ew-accent-sheet:#335d44;      /* primary button inside a sheet */
  --ew-accent-wash:rgba(60,106,78,.14);  /* "on" row in a dropdown */

  /* ---- states (decided event-state vocabulary, Oct 24) ---- */
  --ew-state-draft:#2a2924;       /* ink, pencil glyph */
  --ew-state-ask:#b07d1a;         /* ochre: ? glyph, 1px dashed edge on a waiting ask (timeline + month), badges, picks on ask sheets */
  --ew-state-ask-fill:#9a6c14;    /* ochre behind white text (badge counts, ASK badge): #b07d1a is only 3.6:1 with white */
  --ew-state-needs:#a9472d;       /* rust: needs cover */
  --ew-state-declined:#7a6c66;    /* grey, x glyph, struck title */
  --ew-state-agreed:#3c7a4f;      /* bare green check, only on negotiated items */
  --ew-state-new:#4f6aa8;         /* blue: pulsing outer line while creating */

  /* ---- people: fixed per person on every phone. Never reuse a state or accent color. ---- */
  --ew-person-narayan:#66702c;    /* olive. decided 2026-10-25 (was #3c6a4e = accent) */
  --ew-person-nara:#8a4d6a;       /* plum */
  --ew-person-anya:#2c7682;       /* teal (decided Oct 24) */
  --ew-person-ray:#7058a0;        /* violet. decided 2026-10-25 (was #58699a ≈ New blue) */

  /* ---- type: Instrument Sans (OFL, self-host 400/500/600/700) ---- */
  --ew-font:"Instrument Sans","Helvetica Neue",system-ui,sans-serif;
  --ew-caps-tracking:.07em;       /* caps = small UI labels and header dimension only, never long text */
  --ew-title-tracking:-.01em;
  /* size / line-height, weight in the class table in README.md */
  --ew-t-title:19px;              /* top bar title, 600 */
  --ew-t-sheet-title:14.5px;      /* sheet header middle, 600, 2 lines then truncate */
  --ew-t-field:15px;              /* fields, wide buttons, 600 */
  --ew-t-body:14px;               /* body, 400, lh 1.3 */
  --ew-t-control:13.5px;          /* buttons, dropdown rows, 600 */
  --ew-t-secondary:12.5px;        /* sheet date line, search pill, 600 */
  --ew-t-event:11px;              /* timeline event label, 600 */
  --ew-t-caps:10.5px;             /* caps label, 600, tracking .07em */
  --ew-t-day:10px;                /* day header caps, 600 */
  --ew-t-month-bar:9.5px;         /* month event bar, 600 */
  --ew-t-micro-caps:9px;          /* dropdown section label, 700 caps .06em */
  --ew-t-badge:8.5px;             /* status badge word, 700 caps .05em; shrinks to icon */

  /* ---- spacing (2px base) ---- */
  --ew-s-1:2px; --ew-s-2:4px; --ew-s-3:6px; --ew-s-4:8px; --ew-s-5:10px; --ew-s-6:12px; --ew-s-7:14px; --ew-s-8:18px; --ew-s-9:24px;
  --ew-gutter:14px;               /* screen side padding */
  --ew-sheet-gutter:18px;

  /* ---- radii: sharper, not square ---- */
  --ew-r-event:3px; --ew-r-lane:3px; --ew-r-chip:4px; --ew-r-card:5px; --ew-r-button:5px;
  --ew-r-control:9px;             /* views/search pills use full round: 17px at 34px tall */
  --ew-r-row:8px;                 /* dropdown row highlight */
  --ew-r-menu:12px;               /* dropdown surface */
  --ew-r-sheet:10px;

  /* ---- timeline geometry ---- */
  --ew-lane-h:54px; --ew-lane-gap:8px; --ew-lane-label-w:46px;
  --ew-event-h:20px; --ew-custody-line:6px;
  --ew-event-fill-mix:34%;        /* event fill = person color 28% over surface */
  --ew-event-ink-mix:70%;         /* event text = person color 70% over ink */

  /* ---- elevation ---- */
  --ew-shadow-card:0 1px 0 rgba(42,41,36,.08);
  --ew-shadow-menu:0 8px 24px rgba(0,0,0,.14);
  --ew-shadow-toast:0 6px 18px rgba(0,0,0,.14);
  --ew-shadow-sheet:0 -1px 0 rgba(42,41,36,.18),0 -12px 30px rgba(42,41,36,.14);
  --ew-blur-menu:blur(14px) saturate(1.3);
  --ew-menu-fill:rgba(230,228,223,.62);  /* surface at 62% */

  /* ---- texture: recycled paper grain on ground and sheets, 220px tile ---- */
  --ew-texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55 .9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .25 0 0 0 0 .22 0 0 0 0 .17 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");

  /* ---- motion: PROVISIONAL, owned by the motion thread ---- */
  --ew-dur:520ms;
  --ew-ease:cubic-bezier(.25,.8,.3,1);
  --ew-dur-glide:300ms;           /* lanes resizing, events changing rows, so the eye can follow them */
  --ew-dur-slide:420ms;           /* the timeline/calendar bar moving between views */
}
@media (prefers-reduced-motion:reduce){:root{--ew-dur:0ms;--ew-dur-glide:0ms;--ew-dur-slide:0ms}}