/* * ARYZE website & login theme — injected into every public page via web_include_css (hooks.py). * * Same ARYZE tokens as the Desk theme (sourced from aryze-design-system/styles/globals.css), * applied to the login screen and public/portal pages. Hex fallback first, then the * design-system oklch (wins where supported). via brand_web.js. */ :root { --aryze-primary: #007599; /* primary-500 ≈ brand CTA */ --aryze-primary: oklch(0.5 0.13 225); --aryze-primary-hover: #00506a; /* primary-700 */ --aryze-primary-hover: oklch(0.38 0.1 228); --aryze-on-primary: #f6f5f3; /* base-100 */ --aryze-on-primary: oklch(0.965 0.0015 75); --aryze-radius: 0.4rem; --primary: var(--aryze-primary); --brand-color: var(--aryze-primary); --btn-primary: var(--aryze-primary); --border-radius: var(--aryze-radius); } .aryze-branded-web .btn-primary { background-color: var(--aryze-primary); border-color: var(--aryze-primary); color: var(--aryze-on-primary); } .aryze-branded-web .btn-primary:hover, .aryze-branded-web .btn-primary:focus { background-color: var(--aryze-primary-hover); border-color: var(--aryze-primary-hover); color: var(--aryze-on-primary); }