@import url('./website-fonts.css');
/* Shared palette and type from the Two Tones website, 8 September 2026. */
:root{--navy:#142c42;--orange:#df571b;--cream:#f5f3ee;--blue:#142c42;--red:#df571b;--ink:#142c42;--pale:#f5f3ee;--line:#d7dbd8;--muted:#606b70;--steel:#203c51;--paper:#f5f3ee;--grout:#d7dbd8;--text:#142c42;--tt-blue:#142c42;--tt-blue-deep:#203c51;--tt-red:#bd4512;--tt-red-deep:#a33a10;--sans:'DM Sans',Arial,sans-serif}
body{font-family:'DM Sans',Arial,sans-serif;color:var(--navy)}
h1,h2,h3,h4,.brand,header.app .brand{font-family:Manrope,Arial,sans-serif;letter-spacing:-.025em}
button,input,select,textarea,.brand small{font-family:'DM Sans',Arial,sans-serif}
.masthead{border-color:var(--line)}.test-notice{background:var(--navy)}
button,.button{border-radius:5px}button:hover,.button:hover{background:#203c51;border-color:#203c51}.secondary{color:var(--navy)}.secondary:hover{background:#e7e9e3;color:var(--navy)}
.job-item:hover{background:#e7e9e3}.job-item span,.stage{color:var(--navy)}.setup summary:hover{background:#f5f3ee}.job-detail{box-shadow:0 2px 12px #142c420a}
#grid .booking,.task{background:#e7e9e3;color:var(--navy)}body.own #grid th{background:#e7e9e3}.warning{color:#943c16}
#grid th,#grid td,section,details{border-color:var(--line)}
:focus-visible{outline-color:var(--orange)}
/* Brand accents retain readable white text on compact action buttons. */
.actions .button:not(.secondary),#resource-form button,#task-form>button,#booking-form>button{background:#bd4512;border-color:#bd4512;color:white}
@media print{body{background:white;color:#142c42}.test-notice{background:white;color:#142c42}}