/* SOLA brand overlay: names and colours only. Loaded after the app CSS via nginx sub_filter. Light and dark are scoped separately: the app toggles the "dark" class on , so an unscoped :root rule would paint light backgrounds under dark-theme white text. */ /* Light theme (html without .dark) */ html:not(.dark) { --primary: #8a5f00; /* Groundwork gold */ --primary-foreground: #fbf9f3; --ring: #8a5f00; --sidebar-background: #f5f2ea; /* paper */ --background: #fbf9f3; /* sheet */ --accent-foreground: #6e4c00; --info: #2b5d9c; --success: #1c7a4d; --warning: #a05518; --destructive: #a8352a; --chart-1: #c9a24a; --chart-2: #8a5f00; --chart-3: #6e4c00; --chart-4: #2b5d9c; --chart-5: #1c7a4d; } /* Dark theme: keep the app's dark surfaces, swap the accent to gold */ html.dark { --primary: #c9a24a; --primary-foreground: #171717; --ring: #c9a24a; --accent-foreground: #e0c27a; --info: #5b8ccf; --success: #3aa072; --warning: #d08a4a; --chart-1: #e0c27a; --chart-2: #c9a24a; --chart-3: #8a5f00; --chart-4: #5b8ccf; --chart-5: #3aa072; } /* Login page left panel: the app parks the logo box's LEFT edge at the panel midpoint (left-1/2, no translate), fine for a square icon, off-centre for a wordmark. Shift it back by half its own width. */ .absolute.top-7:has(> img[src*="/brand/logo.svg"]) { transform: translateX(-50%); }