/* Shared roles: controls are compact; panels are soft; printed artwork stays square. */
:root {
 --paper:#fff; --white:#fff; --ink:#1b1d1f; --muted:#5c6166;
 --line:#e2e5e7; --sand:#f1f3f4; --surface:#f5f6f7; --chrome:#eef0f2;
 --orange:var(--ink); --accent:#245bd6;
 --sans:'DM Sans',Arial,sans-serif; --serif:var(--sans);
 --radius-control:8px; --radius-panel:16px; --radius:var(--radius-panel);
 --radius-small:var(--radius-control); --pill:var(--radius-control);
 --shadow:0 16px 48px #17202614; --focus:0 0 0 3px #245bd633;
}
::selection { background:#dce6f8; color:#182c51; }
:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
input,textarea { caret-color:var(--accent); }
input::placeholder,textarea::placeholder { color:var(--muted); opacity:1; }