/* Cixy's blazer is the single source of the site's accent palette. */
:root,html[data-outfit="lavender"]{--accent:#7952bb;--accent-strong:#583488;--accent-soft:#f5f0fd;--accent-border:#e2d7f1;--accent-text:#65419c;--theme-ink:#30223f;--theme-muted:#6d617b;--sidebar-start:#7954b7;--sidebar-end:#52327f}
html[data-outfit="blue"]{--accent:#246ccd;--accent-strong:#14549e;--accent-soft:#edf5ff;--accent-border:#cfdef3;--accent-text:#195da6;--theme-ink:#19304d;--theme-muted:#5b6f88;--sidebar-start:#176cb7;--sidebar-end:#10477f}
html[data-outfit="teal"]{--accent:#087d83;--accent-strong:#08595d;--accent-soft:#edf8f7;--accent-border:#c9e5e2;--accent-text:#09676c;--theme-ink:#193b3b;--theme-muted:#557574;--sidebar-start:#107d83;--sidebar-end:#0a5057}
html[data-outfit="rose"]{--accent:#ac426d;--accent-strong:#812e50;--accent-soft:#fff0f5;--accent-border:#efcfdd;--accent-text:#953557;--theme-ink:#442333;--theme-muted:#856270;--sidebar-start:#ab496f;--sidebar-end:#77314f}
html[data-outfit="black"]{--accent:#292b30;--accent-strong:#111215;--accent-soft:#f4f4f5;--accent-border:#dbdcdf;--accent-text:#303237;--theme-ink:#202124;--theme-muted:#63656b;--sidebar-start:#2b2d32;--sidebar-end:#111215}
html[data-outfit] body{--text:var(--theme-ink);--muted:var(--theme-muted);--sidebar:var(--sidebar-start);--cixy:var(--accent-soft);color:var(--theme-ink);background:#fff9ec}
html[data-outfit] .sidebar{background:linear-gradient(165deg,var(--sidebar-start),var(--sidebar-end))}
html[data-outfit] .sidebar{isolation:isolate}
html[data-outfit] .brand{background:transparent;isolation:auto;border:0;box-shadow:none}
html[data-outfit] .brand-artwork{mix-blend-mode:screen}
html[data-outfit] .nav-item.active,html[data-outfit] .nav-item.active>span{color:var(--accent-text)}
html[data-outfit] .nav-item,html[data-outfit] .nav-item>span,html[data-outfit] .nav-label,html[data-outfit] .help-button small,html[data-outfit] .demo-profile small{color:#f4f4f5}
html[data-outfit] .nav-item.active,html[data-outfit] .nav-item.active>span{color:var(--accent-text)}
html[data-outfit] main,html[data-outfit] .app{background:#fff9ec}
html[data-outfit] .topbar h1,html[data-outfit] .tile h2,html[data-outfit] .tile h3,html[data-outfit] .content-card h3{color:var(--theme-ink)}
html[data-outfit] .eyebrow,html[data-outfit] .demo-note,html[data-outfit] .footer,html[data-outfit] .tile-description,html[data-outfit] .project-mini small,html[data-outfit] .tile-heading p,html[data-outfit] .calendar-caption,html[data-outfit] .chat-label,html[data-outfit] .appearance-group>span,html[data-outfit] .appearance-group>label{color:var(--theme-muted)}
html[data-outfit] .discovery,html[data-outfit] .demo-note,html[data-outfit] .notice,html[data-outfit] .content-card,html[data-outfit] .list-row{background:var(--accent-soft);border-color:var(--accent-border)}
html[data-outfit] .tile{background:#fff;border-color:var(--accent-border);border-top:3px solid var(--accent);box-shadow:0 5px 20px #20212409}
html[data-outfit] .cixy-tile,html[data-outfit] .calendar-tile,html[data-outfit] .projects-tile,html[data-outfit] .wallet-tile{background:var(--accent-soft)}
html[data-outfit] .tile .tile-button,html[data-outfit] .primary,html[data-outfit] .chat-form button{background:var(--accent);border-color:var(--accent);color:#fff}
html[data-outfit] .button:not(.primary):not(.tile-button),html[data-outfit] .icon-button,html[data-outfit] .text-button{color:var(--accent-text);border-color:var(--accent-border)}
html[data-outfit] .sidebar .icon-button{color:#fff;border-color:#ffffff40}
html[data-outfit] .quick-categories button,html[data-outfit] .pipeline .step-number,html[data-outfit] .project-symbol,html[data-outfit] .status-tag,html[data-outfit] .avatar-status,html[data-outfit] .animation-toggle{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-border)}
html[data-outfit] .pipeline,html[data-outfit] .page-content,html[data-outfit] dialog,html[data-outfit] .customize-panel{background:#fffdf7;color:var(--theme-ink);border-color:var(--accent-border)}
html[data-outfit] .pipeline button,html[data-outfit] .calendar-grid span,html[data-outfit] .calendar-grid button,html[data-outfit] .checkline,html[data-outfit] .project-mini{color:var(--theme-ink)}
html[data-outfit] .pipeline button:after{background:var(--accent-border)}
html[data-outfit] .calendar-grid button.selected{background:var(--accent);color:#fff}
html[data-outfit] .calendar-grid button.event:after{background:var(--accent)}
html[data-outfit] .sponsor-tile{background:linear-gradient(110deg,var(--accent-soft),#fff)}
html[data-outfit] .sponsor-label,html[data-outfit] .sponsor-logo{color:var(--accent-text)}
html[data-outfit] .sponsor-tile p,html[data-outfit] .page-content p,html[data-outfit] dialog p{color:var(--theme-muted)}
html[data-outfit] .avatar-aura{background:radial-gradient(ellipse,var(--accent-border),transparent 70%)}
html[data-outfit] .chat-section{background:#ffffff80;border-color:var(--accent-border)}
html[data-outfit] .message{background:#fff;color:var(--theme-ink)}
html[data-outfit] .message.user{background:var(--accent-soft);color:var(--accent-text);border:1px solid var(--accent-border)}
html[data-outfit] .chat-choices button,html[data-outfit] .chat-form,html[data-outfit] .chat-form input,html[data-outfit] .field input,html[data-outfit] .field select,html[data-outfit] .field textarea,html[data-outfit] .quick-search input{background:#fff;color:var(--theme-ink);border-color:var(--accent-border)}
html[data-outfit] .swatch-row button[aria-pressed="true"]{outline-color:var(--accent)}
html[data-outfit] .customize-panel select{border-color:var(--accent-border);color:var(--theme-ink)}
html[data-outfit] .theme-preview{display:flex;gap:12px;margin:16px 0}.theme-preview span{display:inline-block;width:72px;height:72px;border-radius:16px;border:1px solid var(--accent-border)}.theme-preview .theme-color{background:var(--accent)}.theme-preview .theme-white{background:#fff}
/* Carry the same choice through existing account, project, and support routes. */
html[data-outfit] .bg-contraxis-bg{background-color:#fff9ec}
html[data-outfit] .text-contraxis-ink{color:var(--theme-ink)}
html[data-outfit] .text-contraxis-muted{color:var(--theme-muted)}
html[data-outfit] .text-contraxis-blue,html[data-outfit] .text-contraxis-cyan{color:var(--accent-text)}
html[data-outfit] .bg-gradient-to-r{background-image:linear-gradient(to right,var(--accent-strong),var(--accent));color:#fff}
html[data-outfit] header:not(.topbar){background:#fffdf7;border-color:var(--accent-border)!important}
html[data-outfit] main a:not(.button):not([class*="bg-gradient"]){color:var(--accent-text)}
html[data-outfit] input,html[data-outfit] textarea,html[data-outfit] select{accent-color:var(--accent)}
html[data-outfit] :focus-visible{outline-color:var(--accent)}