/* ============================================================
   Tradie Notes — core design system
   Shared by every tool. Matches the Raked Wall Calculator:
   dark, rugged, safety-orange accent, Oswald + Roboto.
   ============================================================ */
:root{
  --blk:#0a0a0a; --blk2:#111; --blk3:#181818; --blk4:#222; --blk5:#2a2a2a;
  --org:#f26522; --orgdk:#c84e12; --orgl:#ff7a35;
  --wht:#fff; --off:#d0ccc8; --gry:#7a7672; --gryl:#444;
  --steel:#2c2c2c; --rust:rgba(242,101,34,0.15);
  --r:6px; --rl:8px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{margin:0;height:100%;background:#060606;font-family:'Roboto',system-ui,sans-serif;overscroll-behavior:none;}
button{font-family:inherit;}
[hidden]{display:none !important;}

/* shared animation keyframes */
@keyframes tnpulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.35);opacity:.55;}}
@keyframes tnpop{0%{transform:scale(.4);opacity:0;}60%{transform:scale(1.15);}100%{transform:scale(1);opacity:1;}}
@keyframes tnrise{from{transform:translate(-50%,14px);opacity:0;}to{transform:translate(-50%,0);opacity:1;}}
@keyframes tnsheet{from{transform:translateY(100%);}to{transform:translateY(0);}}