/* HACOY Studio — unified theme layer. Injected last in on every app page. Elevated specificity (html ...) so it wins regardless of source order. Fully reversible: blank this file or remove the injected . Does NOT touch colour tokens or the accent picker — only typography, corner radius, and interaction polish. */ @import url('/static/fonts/fonts.css'); /* One clean body sans across the whole app */ html body{ font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif; -webkit-font-smoothing:antialiased; } /* Unified, softer corner radius */ html:root{--radius:10px} html[data-theme="dark"]{--radius:10px} /* Editorial display face on every heading and mark. Section pages already route these through var(--font-ui)=Syne; this also lifts the older pages (login, settings, team) that used a system heading. */ html h1, html h2, html h3, html h4, html .logo, html .brand, html .brand-name, html .doc-title, html #doc-title, html .page-title, html .card-title, html .section-title{ font-family:'Syne',-apple-system,BlinkMacSystemFont,sans-serif !important; letter-spacing:.005em; } /* Shared components pick up the unified radius */ html .card, html .panel, html .modal, html .box{border-radius:var(--radius)} html .btn, html button.btn, html .seg, html input, html textarea, html select{border-radius:var(--radius)} /* Intentional, smooth interactions */ html .btn, html button{transition:background .15s ease,border-color .15s ease,color .15s ease} /* Restraint: orange stays the single primary action; destructive goes quiet */ html .del, html .btn.del, html .btn.danger, html button.del, html button.danger{ background:transparent !important; color:var(--muted) !important; border:1px solid var(--border) !important; } html .del:hover, html .btn.del:hover, html .btn.danger:hover, html button.del:hover, html button.danger:hover{ border-color:var(--danger) !important; color:var(--danger) !important; } /* Consistent HACOY-orange focus ring */ html input:focus, html textarea:focus, html select:focus{ outline:none; border-color:var(--accent); box-shadow:0 0 0 3px rgba(255,95,31,.15); }