/* The default is Graphite & teal, following the operating system. */
body.future{--bg:#F2F5F4;--card:#FFFFFF;--ink:#273631;--muted:#56695F;--accent:#25746B;--on-accent:#FFFFFF;--line:#CBD7D2;}
html[data-theme="mineral"][data-color-mode="light"] body.future{--bg:#F3F6FA;--card:#FFFFFF;--ink:#243247;--muted:#53647B;--accent:#295EA6;--on-accent:#FFFFFF;--line:#CDD6E1;}
html[data-theme="mineral"][data-color-mode="dark"] body.future{--bg:#1D2530;--card:#273240;--ink:#E3EAF3;--muted:#B0BED0;--accent:#94B9ED;--on-accent:#172539;--line:#46566A;}
html[data-theme="sage"][data-color-mode="light"] body.future{--bg:#F5F4EF;--card:#FFFEFA;--ink:#2D3832;--muted:#59645B;--accent:#3D7057;--on-accent:#FFFFFF;--line:#CFD8CE;}
html[data-theme="sage"][data-color-mode="dark"] body.future{--bg:#222923;--card:#2C352E;--ink:#E1E7DF;--muted:#B3BFB4;--accent:#A7C5AC;--on-accent:#1B2D21;--line:#49594B;}
html[data-theme="teal"][data-color-mode="light"] body.future{--bg:#F2F5F4;--card:#FFFFFF;--ink:#273631;--muted:#56695F;--accent:#25746B;--on-accent:#FFFFFF;--line:#CBD7D2;}
html[data-theme="teal"][data-color-mode="dark"] body.future{--bg:#202727;--card:#2B3434;--ink:#E2EAE8;--muted:#ADBFBA;--accent:#83BAB1;--on-accent:#16322D;--line:#485D58;}
html[data-theme="mineral"][data-mode="light"]:not([data-color-mode]) body.future{--bg:#F3F6FA;--card:#FFFFFF;--ink:#243247;--muted:#53647B;--accent:#295EA6;--on-accent:#FFFFFF;--line:#CDD6E1;}
html[data-theme="mineral"][data-mode="dark"]:not([data-color-mode]) body.future{--bg:#1D2530;--card:#273240;--ink:#E3EAF3;--muted:#B0BED0;--accent:#94B9ED;--on-accent:#172539;--line:#46566A;}
@media(prefers-color-scheme:dark){html[data-theme="mineral"][data-mode="system"]:not([data-color-mode]) body.future{--bg:#1D2530;--card:#273240;--ink:#E3EAF3;--muted:#B0BED0;--accent:#94B9ED;--on-accent:#172539;--line:#46566A;}}
html[data-theme="sage"][data-mode="light"]:not([data-color-mode]) body.future{--bg:#F5F4EF;--card:#FFFEFA;--ink:#2D3832;--muted:#59645B;--accent:#3D7057;--on-accent:#FFFFFF;--line:#CFD8CE;}
html[data-theme="sage"][data-mode="dark"]:not([data-color-mode]) body.future{--bg:#222923;--card:#2C352E;--ink:#E1E7DF;--muted:#B3BFB4;--accent:#A7C5AC;--on-accent:#1B2D21;--line:#49594B;}
@media(prefers-color-scheme:dark){html[data-theme="sage"][data-mode="system"]:not([data-color-mode]) body.future{--bg:#222923;--card:#2C352E;--ink:#E1E7DF;--muted:#B3BFB4;--accent:#A7C5AC;--on-accent:#1B2D21;--line:#49594B;}}
html[data-theme="teal"][data-mode="light"]:not([data-color-mode]) body.future{--bg:#F2F5F4;--card:#FFFFFF;--ink:#273631;--muted:#56695F;--accent:#25746B;--on-accent:#FFFFFF;--line:#CBD7D2;}
html[data-theme="teal"][data-mode="dark"]:not([data-color-mode]) body.future{--bg:#202727;--card:#2B3434;--ink:#E2EAE8;--muted:#ADBFBA;--accent:#83BAB1;--on-accent:#16322D;--line:#485D58;}
@media(prefers-color-scheme:dark){html[data-theme="teal"][data-mode="system"]:not([data-color-mode]) body.future{--bg:#202727;--card:#2B3434;--ink:#E2EAE8;--muted:#ADBFBA;--accent:#83BAB1;--on-accent:#16322D;--line:#485D58;}}
body.future{--appearance-scheme:light;--ink-2:var(--ink);--th:var(--ink);--field:var(--card);--input:color-mix(in srgb,var(--accent) 4%,var(--card));--border:color-mix(in srgb,var(--muted) 60%,var(--card));--surface2:color-mix(in srgb,var(--ink) 4%,var(--card));--sidebar:var(--bg);--sidebar-text:var(--muted);--accent-bg:color-mix(in srgb,var(--accent) 10%,var(--card));--accent-h:color-mix(in srgb,var(--accent) 90%,var(--on-accent));--ok:#286440;--warn:#795015;--bad:#A33331;--info:#2B607C;--ok-bg:#E6F0E7;--warn-bg:#F7EEDC;--bad-bg:#F7E6E4;--info-bg:#E6EEF4}
html[data-color-mode="dark"] body.future{--appearance-scheme:dark;--ok:#B1D3B5;--warn:#E8C08A;--bad:#EAB2AB;--info:#ABCDDF;--ok-bg:#293C30;--warn-bg:#413727;--bad-bg:#442F30;--info-bg:#2B3B48}
.future .appearance-menu{position:relative;flex-shrink:0;color:var(--ink)}
.future .appearance-menu>summary{list-style:none;color:var(--ink);padding:10px 14px;min-height:44px;border:1px solid var(--border);border-radius:6px;font-size:14px}
.future .appearance-menu>summary::-webkit-details-marker{display:none}
.future .appearance-panel{position:absolute;right:0;top:calc(100% + 10px);width:280px;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 26px rgba(0,0,0,.18);z-index:60;color:var(--ink)}
.future [data-appearance-form] label{font-size:14px;color:var(--ink);font-weight:400;margin:0 0 14px}
.future [data-appearance-form] select{display:block;width:100%;margin-top:6px;min-height:44px}
.future [data-appearance-form] p{font-size:13px;line-height:1.5;margin-bottom:0}
.future .login-intro{background:var(--surface2);color:var(--ink)}.future .login-brand,.future .login-intro p,.future .login-intro ul,.future .company{color:var(--ink)}.future .login-intro li{border-color:var(--line)}.future .sub,.future .access-note{color:var(--muted)}.future .access-note{border-color:var(--line)}.future .err{background:var(--bad-bg);color:var(--bad);border-color:var(--bad)}
@media(max-width:899px){.future .appearance-menu>summary{padding:10px}.future .app-topbar{gap:10px;padding-right:16px}.future .appearance-panel{right:0;width:min(280px,calc(100vw - 32px))}.future .command-trigger{margin-left:auto}}
@media(max-width:399px){.future .app-topbar .brand{font-size:21px}.future .app-topbar{gap:8px}.future .command-trigger{flex-basis:38px;max-width:38px;min-height:44px}}

/* Browser scrollbars follow the resolved page palette too. */
html[data-theme="mineral"][data-color-mode="light"]:has(body.future){--page-bg:#F3F6FA;--page-muted:#53647B;color-scheme:light;scrollbar-color:var(--page-muted) var(--page-bg)}
html[data-theme="mineral"][data-color-mode="dark"]:has(body.future){--page-bg:#1D2530;--page-muted:#B0BED0;color-scheme:dark;scrollbar-color:var(--page-muted) var(--page-bg)}
html[data-theme="sage"][data-color-mode="light"]:has(body.future){--page-bg:#F5F4EF;--page-muted:#59645B;color-scheme:light;scrollbar-color:var(--page-muted) var(--page-bg)}
html[data-theme="sage"][data-color-mode="dark"]:has(body.future){--page-bg:#222923;--page-muted:#B3BFB4;color-scheme:dark;scrollbar-color:var(--page-muted) var(--page-bg)}
html[data-theme="teal"][data-color-mode="light"]:has(body.future){--page-bg:#F2F5F4;--page-muted:#56695F;color-scheme:light;scrollbar-color:var(--page-muted) var(--page-bg)}
html[data-theme="teal"][data-color-mode="dark"]:has(body.future){--page-bg:#202727;--page-muted:#ADBFBA;color-scheme:dark;scrollbar-color:var(--page-muted) var(--page-bg)}
.future,.future *{scrollbar-color:var(--muted) var(--bg)}.future ::-webkit-scrollbar{width:10px;height:10px}.future ::-webkit-scrollbar-track{background:var(--bg)}.future ::-webkit-scrollbar-thumb{background:var(--muted);border:2px solid var(--bg);border-radius:8px}

html[data-theme="contrast"][data-color-mode="light"] body.future{--bg:#F3F7ED;--card:#FFFFFF;--ink:#25311F;--muted:#53634A;--accent:#36621B;--on-accent:#FFFFFF;--line:#CCD8BF;}
html[data-theme="contrast"][data-mode="light"]:not([data-color-mode]) body.future{--bg:#F3F7ED;--card:#FFFFFF;--ink:#25311F;--muted:#53634A;--accent:#36621B;--on-accent:#FFFFFF;--line:#CCD8BF;}
html[data-theme="contrast"][data-color-mode="light"]:has(body.future){--page-bg:#F3F7ED;--page-muted:#53634A;color-scheme:light;scrollbar-color:var(--page-muted) var(--page-bg)}
html[data-theme="contrast"][data-mode="system"]:not([data-color-mode]) body.future{--bg:#F3F7ED;--card:#FFFFFF;--ink:#25311F;--muted:#53634A;--accent:#36621B;--on-accent:#FFFFFF;--line:#CCD8BF;}

html[data-theme="contrast"][data-color-mode="dark"] body.future{--bg:#101413;--card:#191E1C;--ink:#EBF1EB;--muted:#A8B7AD;--accent:#C3F86A;--on-accent:#162010;--line:#354239;}
html[data-theme="contrast"][data-mode="dark"]:not([data-color-mode]) body.future{--bg:#101413;--card:#191E1C;--ink:#EBF1EB;--muted:#A8B7AD;--accent:#C3F86A;--on-accent:#162010;--line:#354239;}
html[data-theme="contrast"][data-color-mode="dark"]:has(body.future){--page-bg:#101413;--page-muted:#A8B7AD;color-scheme:dark;scrollbar-color:var(--page-muted) var(--page-bg)}
@media(prefers-color-scheme:dark){html[data-theme="contrast"][data-mode="system"]:not([data-color-mode]) body.future{--bg:#101413;--card:#191E1C;--ink:#EBF1EB;--muted:#A8B7AD;--accent:#C3F86A;--on-accent:#162010;--line:#354239;}}
html[data-theme="contrast"] .future .btn:not(.sec):not(.danger){background:#C3F86A;border-color:#719B36;color:#162010}html[data-theme="contrast"] .future .btn:not(.sec):not(.danger):hover{background:#D8FF95}