/* eclAIr books on eclAIr's paper (sample for Keith, 2 Nov 2026; the treatment DocuSeal got, design/samples/sign.html).
   Tokens copied from public/tokens.css and stationery.js's night. Bigcapital draws with Blueprint 4 (bp4-*) and its own
   CSS variables; this only overrides colour, type and shape. Day follows the device; night is .bp4-dark. For now it dresses only the sign-in pages (body.authentication); the app
   inside follows once it has been seen screen by screen. */
@font-face{font-family:'ET Book';src:url(/eclair/fonts/et-book-roman-line-figures.woff) format('woff');font-weight:400;font-style:normal}
@font-face{font-family:'ET Book';src:url(/eclair/fonts/et-book-display-italic-old-style-figures.woff) format('woff');font-weight:400;font-style:italic}
@font-face{font-family:'Source Sans 3';src:url(/eclair/fonts/source-sans-3-roman-300-600.woff2) format('woff2');font-weight:300 600}
:root{--e-paper:#fafaf8;--e-card:#fefefe;--e-ink:#1a1a1a;--e-body:#333;--e-mute:#696969;--e-rule:#e0e0dc;--e-line:#c7c5bd;
  --e-watch:#73879f;--e-needed:#c06a3e;--e-handled:#5a8a7a;--e-needed-text:#9d5733;
  --e-serif:'ET Book',Palatino,Georgia,serif;--e-sans:'Source Sans 3',-apple-system,'Helvetica Neue',sans-serif}
.bp4-dark{--e-paper:#1d1c19;--e-card:#25241f;--e-ink:#ecebe5;--e-body:#c9c7bf;--e-mute:#a39f95;--e-rule:#3a3832;--e-line:#5c5950;
  --e-watch:#a7b9cf;--e-needed:#e0895c;--e-handled:#7fae9e;--e-needed-text:#e0895c}

body.authentication,body.authentication #root{background:var(--e-paper)!important;color:var(--e-ink)}
body.authentication{font-family:var(--e-serif)!important;font-size:16px}
/* labels: small uppercase Source Sans */
.authentication .bp4-label,.authentication .bp4-form-group label.bp4-label,.authentication label.bp4-label{font:600 11px var(--e-sans)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--e-mute)!important}
/* the card the form sits in */
.authentication [class*="sc-"] > form, .authentication .bp4-card{background:transparent}
.authentication div:has(> form){background:var(--e-card)!important;border:1px solid var(--e-rule)!important;border-radius:0!important;box-shadow:none!important}
/* fields: hairline, square, the orange ring on the one in hand */
.authentication .bp4-input,.authentication .bp4-input-group .bp4-input{background:var(--e-card)!important;color:var(--e-ink)!important;border:1px solid var(--e-line)!important;border-radius:0!important;box-shadow:none!important;font:400 17px var(--e-serif)!important;height:42px}
.authentication .bp4-input:focus{border-color:var(--e-needed)!important;box-shadow:0 0 0 1px var(--e-needed)!important}
.authentication .bp4-input-group .bp4-input-action .bp4-icon,.authentication .bp4-input-group > .bp4-icon{color:var(--e-mute)!important}
/* buttons: square and quiet; the one that acts is ink */
.authentication .bp4-button{border-radius:0!important;box-shadow:none!important;background-image:none!important;font:400 17px var(--e-serif)!important}
.authentication .bp4-button.bp4-intent-primary{background:var(--e-ink)!important;color:var(--e-paper)!important;border:1px solid var(--e-ink)!important}
.authentication .bp4-button.bp4-intent-primary:hover{background:transparent!important;color:var(--e-ink)!important}
.authentication .bp4-button:not(.bp4-intent-primary):not(.bp4-minimal){background:var(--e-card)!important;color:var(--e-ink)!important;border:1px solid var(--e-line)!important}
/* links in ink, underlined, never blue */
.authentication a,.authentication a{color:var(--e-ink)!important;text-decoration:underline;text-decoration-color:var(--e-line);text-underline-offset:3px}
/* checkboxes */
.authentication .bp4-control .bp4-control-indicator{border-radius:0!important;box-shadow:inset 0 0 0 1px var(--e-line)!important;background:var(--e-card)!important}
.authentication .bp4-control input:checked ~ .bp4-control-indicator{background:var(--e-ink)!important}
/* no red: errors speak in the deeper orange */
.authentication .bp4-intent-danger,.authentication .bp4-form-helper-text,.authentication .bp4-callout.bp4-intent-danger{color:var(--e-needed-text)!important}
.authentication .bp4-input.bp4-intent-danger{box-shadow:none!important;border-color:var(--e-needed)!important}
.authentication .bp4-callout{border-radius:0!important;background:transparent!important;border-left:2px solid var(--e-needed)}
.authentication div{ color:var(--e-body) }
/* the phone: Bigcapital holds the whole app at 1100 wide; sign-in lets go of that so it fits */
@media (max-width:760px){.authentication .App{min-width:0!important;width:auto!important}
  .authentication .App > div{width:auto!important}
  .authentication div:has(> div > div > form), .authentication div:has(> div > form){width:auto!important;max-width:384px;margin-left:auto!important;margin-right:auto!important;padding-inline:16px}}