/* Look: Drafting
   Feel: a technical drawing on cool paper. Cool gray page, white sheets, ink black type with a warm brown
         second ink, greige for the "ours" side of a compare, and one orange construction line for anything
         found, picked or pressed. Serif titles (New York), the system font for everything else, mono for
         words that changed.
   Use it for: compare and review tools, proofing, anything that sets two versions side by side and marks
               the differences, print and type tools that should feel precise and editorial
   From: a proof-review Mac app, October 2026 (moodboard: a notes editor, a split editor with a tinted
         pane, mirrored half-round logos, a type poster with orange construction lines)
   Differs: cool paper page, ink and warm brown labels, orange tint, greige --ours side, serif --font-title,
            radii a little tighter, outlines drawn as a tint stroke with a white halo so they read on any art.
            Adds --ours (the reference side) and --ink2 (the warm brown).
   Themes: light and dark
   Fonts: the system. Titles use New York through ui-serif (Safari) or "New York" (installed on macOS).
   Native: Page #F3F6F7 / #12100F, Sidebar #EBEEEF / #171412, Card #FFFFFF / #1D1917, Ink #0F0B0A / #F3F1EC,
           Brown #453D39, Greige #ECEDE1 / #2A2621, Tint #E4572E / #F06A3F, titles .serif design semibold,
           diffs .monospaced. Outlines: 1.6 pt tint over a 4 pt white halo. */
:root{
  --bg:#F3F6F7; --card:#FFFFFF; --sum:#F4F5F2;
  --fill:rgba(69,61,57,.08); --fill2:rgba(69,61,57,.05);
  --sep:#E0E1E1;
  --label:#0F0B0A; --label2:rgba(69,61,57,.92); --label3:rgba(69,61,57,.55);
  --tint:#E4572E; --tint2:#C9461F; --tintsoft:rgba(228,87,46,.12); --tintline:rgba(228,87,46,.45); --tintglow:#F29A7B;
  --busy:#E4572E; --busy2:#F08A5D; --busy3:#C9461F;
  --ours:#ECEDE1; --ink2:#453D39;
  --glass:rgba(243,246,247,.86); --segon:#FFFFFF;
  --shadow:0 1px 2px rgba(15,11,10,.04),0 8px 28px rgba(15,11,10,.06);
  --r-card:18px; --r-box:12px; --r-btn:12px; --r-field:10px;
  --font-title:ui-serif,"New York","Iowan Old Style",Georgia,serif;
}
:root[data-theme="dark"]{
  --bg:#12100F; --card:#1D1917; --sum:#26211E;
  --fill:rgba(233,227,220,.10); --fill2:rgba(233,227,220,.06);
  --sep:#332D29;
  --label:#F3F1EC; --label2:rgba(233,227,220,.74); --label3:rgba(233,227,220,.42);
  --tint:#F06A3F; --tint2:#E4572E; --tintsoft:rgba(240,106,63,.18); --tintline:rgba(240,106,63,.45); --tintglow:#F29A7B;
  --busy:#F06A3F; --busy2:#F08A5D; --busy3:#E4572E;
  --ours:#2A2621; --ink2:#CFC6BD;
  --glass:rgba(29,25,23,.86); --segon:#3A332F;
  --shadow:0 0 #0000;
}

/* Titles are the editorial serif, set a touch tighter. */
h1{letter-spacing:-.02em;font-weight:600}
.card h2{letter-spacing:-.01em}