/* Cite · Paste-up design tokens. Light is paper; dark is a warm ink room.
   Theme: html[data-theme=light|dark]; with no attribute, the device decides. */
:root {
  color-scheme: light;
  --ground: #F3EEE3; --ground2: #EAE3D4; --sheet: #FBF8F1; --sheet2: #FFFFFF; --well: #E7E0D1;
  --ink: #1D1F22; --ink2: #4A4842; --ink3: #6B675E; --faint: #9A958A;
  --rule: rgba(29,31,34,.12); --rule2: rgba(29,31,34,.2);
  --on-field: #1D1F22; --on-field2: rgba(29,31,34,.74);
  /* print fields */
  --clay: #C8714E; --mustard: #E6CB5A; --blue: #83A0C2; --sage: #9DAE8A; --blush: #E9C2B4; --oat: #DCCFB6; --cactus: #BACBBF; --slate: #4F6E7A; --ox: #6E3B36;
  /* brand */
  --green: #1FA566; --green-ink: #137A48; --mint: #3FD98F; --accent: var(--green);
  /* status (status only) */
  --s-open: #1FA566; --s-busy: #E0A126; --s-sold: #C9363E; --s-closed: #8C8A84;
  --danger: #B3322F;
  --mark: rgba(230,203,90,.75);
  --shadow: 0 1px 0 rgba(255,255,255,.7) inset, 0 1px 2px rgba(29,31,34,.06), 0 18px 36px -26px rgba(29,31,34,.42);
  --shadow-lift: 0 1px 2px rgba(29,31,34,.08), 0 26px 44px -24px rgba(29,31,34,.5);
  --grain-op: .3; --grain-blend: multiply;
  --art-filter: none; --art-ring: transparent;
  --r: 6px; --r-lg: 10px;
  --ease-out: cubic-bezier(.23,1,.32,1); --ease-io: cubic-bezier(.77,0,.175,1); --ease-spring: cubic-bezier(.34,1.4,.64,1);
  --gut: clamp(16px, 3.2vw, 48px);
  --f: 'Jakarta', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --ground: #1E1B17; --ground2: #26221D; --sheet: #2E2A24; --sheet2: #38332C; --well: #24201B;
  --ink: #F2EBDD; --ink2: #CFC5B3; --ink3: #A89E8C; --faint: #7D7466;
  --rule: rgba(242,235,221,.1); --rule2: rgba(242,235,221,.18);
  --clay: #B8694A; --mustard: #CDB24F; --blue: #7590B2; --sage: #8A9B78; --blush: #CDA597; --oat: #B5A68B; --cactus: #9FB1A4; --slate: #5D7E8A; --ox: #8A4C45;
  --green: #2DBB76; --green-ink: #4FD68F; --mint: #49E09A;
  --s-open: #2DBB76; --s-busy: #E5A93A; --s-sold: #D9474E; --s-closed: #9C978D;
  --danger: #EF6B62;
  --mark: rgba(214,186,84,.38);
  --shadow: 0 1px 0 rgba(255,255,255,.05) inset, 0 0 0 1px rgba(242,235,221,.06), 0 20px 40px -24px rgba(0,0,0,.7);
  --shadow-lift: 0 0 0 1px rgba(242,235,221,.1), 0 28px 48px -22px rgba(0,0,0,.8);
  --grain-op: .14; --grain-blend: overlay;
  --art-filter: brightness(.9) saturate(.92); --art-ring: rgba(242,235,221,.12);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ground: #1E1B17; --ground2: #26221D; --sheet: #2E2A24; --sheet2: #38332C; --well: #24201B;
    --ink: #F2EBDD; --ink2: #CFC5B3; --ink3: #A89E8C; --faint: #7D7466;
    --rule: rgba(242,235,221,.1); --rule2: rgba(242,235,221,.18);
    --clay: #B8694A; --mustard: #CDB24F; --blue: #7590B2; --sage: #8A9B78; --blush: #CDA597; --oat: #B5A68B; --cactus: #9FB1A4; --slate: #5D7E8A; --ox: #8A4C45;
    --green: #2DBB76; --green-ink: #4FD68F; --mint: #49E09A;
    --s-open: #2DBB76; --s-busy: #E5A93A; --s-sold: #D9474E; --s-closed: #9C978D;
    --danger: #EF6B62;
    --mark: rgba(214,186,84,.38);
    --shadow: 0 1px 0 rgba(255,255,255,.05) inset, 0 0 0 1px rgba(242,235,221,.06), 0 20px 40px -24px rgba(0,0,0,.7);
    --shadow-lift: 0 0 0 1px rgba(242,235,221,.1), 0 28px 48px -22px rgba(0,0,0,.8);
    --grain-op: .14; --grain-blend: overlay;
    --art-filter: brightness(.9) saturate(.92); --art-ring: rgba(242,235,221,.12);
  }
}