@import url('https://fonts.googleapis.com/css2?family=Archivo+Black:wght@400;700&family=Inter:wght@300;400;500;600&display=swap');:root{ --forest:#D7261E; --forest-d:#9E1B14; --forest-x:#6E120E; --gold:#D7261E; --gold-l:#F4A59F; --gold-d:#B01F18; --cream:#FFFFFF; --beige:#F4F4F4; --ink:#111111; --grey:#6B6B6B; --sage:#8A8A8A; --line:#E6E6E6; --terracotta:#D7261E; --serif:'Archivo Black',Impact,sans-serif; --sans:'Inter',system-ui,sans-serif; }.sidebar,.app-bar{background:var(--forest-d)} .menu a.active{background:#fff;color:var(--forest-d)} .btn-primary{background:var(--forest);color:#fff} .page-head h1,.modal-head h2,.stat .value,.brand-m,.app-bar-mark{font-family:var(--serif)} .page-head h1{text-transform:uppercase;letter-spacing:.01em} body,button,input,textarea,select{font-family:var(--sans)} body{background:var(--beige)} th,.stat .label,.field .hint,tbody td::before{color:var(--grey)} .badge-ANCLA,.badge-COMERCIAL,.badge-ACCESO{background:var(--beige);color:var(--ink)} input:focus,textarea:focus,select:focus{border-color:var(--forest)} .photo-preview,td.thumb img{background:var(--forest-d)} .photo-preview .ph{color:var(--gold-l)}