/* ================================================================ apps/jubb.css - Jubb (jobbradar) accent-override Sätt data-app="jubb" på . Refererar bara primitives, inte semantic - eftersom semantic-lagret laser dessa. Komponenter laser bara --accent-* via 10-semantic.css. De vet aldrig om appen är Jubb eller Ekonom. ================================================================ */ [data-app="jubb"] { /* Accent - Radix Blue Dark */ --accent-soft: var(--blue-3); --accent-moderate: var(--blue-5); --accent-9: var(--blue-9); --accent-10: var(--blue-10); --accent-text: var(--blue-11); /* Surface - Jubbs Blue-tonade ytor (paritet med Ekonoms Plum-tonade). Tidigare arvde apparna default Mauve-skala for surface - nu far bagge appar app-specifik surface-tone som matchar accent. Konvention: --surface-raised = appens -2. Gäller alla Klodd-appar (Jubb -> blue-2, Ekonom -> plum-2). Denna lagger korten subtilt over page-bakgrunden (color-1) utan att bli for ljus. Blue-1 (#0d1520) är morkast - sidans bakgrund. Blue-2 (#111927) - sektioner, nav, tab-bar OCH kort (raised). Blue-3 (#0d2847) - elevated kort (v3.21.3) - mellansteg mellan raised och overlay för kort som behöver extra kontrast. Blue-4 (#003362) - modaler, popovers (overlay). Blue-5 (#004074) - active-state. */ --surface-page: var(--blue-1); --surface-default: var(--blue-2); --surface-raised: var(--blue-2); --surface-elevated: var(--blue-3); --surface-overlay: var(--blue-4); --surface-hover: var(--blue-4); --surface-active: var(--blue-5); /* Sunken < raised (iOS-stil: input "sjunker in" i kortet med page-niva bakgrund). Distinkt fran --surface-raised blue-2 sa form-falt syns tydligt mot kort-bakgrunden. Paritet med Ekonom apps/ekonom.css (3.14.13). */ --surface-sunken: var(--blue-1); /* Text - varm vit med latt bla ton (paritet med Ekonoms #F4F2FA Plum-vit) */ --text-default: #EEF4FF; }