@charset "UTF-8"; /* ========================================================================== Persona Studio v2 — site-chrome.css The seam between the SHARED site chrome (includes/nav_functions.php, includes/footer_functions.php, /css/nav-shared.css) and this app. WHY THIS FILE EXISTS, MEASURED partials/head.php dropped Bootstrap and Font Awesome, and v1's persona-studio/styles.css is no longer loaded. Between them those files were defining every UNPREFIXED custom property the shared chrome consumes. With them gone I measured, on the real page: .nav-container background-color rgba(0,0,0,0) color rgb(0,0,0) .banner-container background-color rgba(0,0,0,0) font-family Times footer.footer-v2 background-color rgba(0,0,0,0) --bg-primary --surface-glass --surface-glass-hover --border-glass --text-primary --text-secondary --dropdown-bg --transition-speed --glass-background --glass-background-hover --primary-color --primary-color-dark --text-color ALL EMPTY i.e. the nav rendered as unstyled black-on-transparent Times, and the auth buttons, profile menu, notification dropdown and plan badge had no styles at all because they never had any of their own. So §1 and §2 below are not "overrides" — they are the definitions the chrome has always assumed and this page must now supply. Everything is expressed in --ps-* tokens, which is why there is no light/dark duplication here: the tokens already resolve per theme. `!important` BUDGET: 2 rule sites, 3 declarations, all in §5, each with the exact declaration it is fighting written above it. Site (1) is one declaration fighting an inline `style` attribute emitted by the shared PHP, which nothing else in CSS can beat. Site (2) is two declarations (background-color + color) fighting a shared rule that is itself `!important`. Count them with comments stripped, or you will count the ones discussed in prose. There is a helper for exactly this, because writing the regex inline in a CSS comment does not work — the pattern contains a comment-close sequence, which ends the comment early and leaks the rest of this paragraph into the stylesheet, where the word above then counts as a fourth occurrence: sh persona-studio/tools/count-important.sh app.css and tokens.css are both 0 by that measure; this file is 3. The permanent fix for all of this is in includes/nav_functions.php + includes/footer_functions.php. This file should shrink to nothing the day the shared chrome owns its own tokens. ========================================================================== */ /* ========================================================================== 1. THE VARIABLE BRIDGE Declared on the element, not on :root, deliberately. The footer emits its own `:root { --footer-*: … }` block in a