/* App colours give the desktop familiar landmarks. Leanpro keeps charcoal/lime. */
.window[data-app=mail],.window[data-app=browser]{--app-accent:#245b90;--app-pale:#e2edf7}
.window[data-app=notebook]{--app-accent:#73488e;--app-pale:#ece2f2}
.window[data-app=files]{--app-accent:#85601f;--app-pale:#f7edce}
.window[data-app=calendar]{--app-accent:#a44942;--app-pale:#f6e4dd}
.window[data-app=pictures]{--app-accent:#177d88;--app-pale:#dcf0f1}
.window[data-app=music]{--app-accent:#704375;--app-pale:#f1e3ee}
.window[data-app=raid]{--app-accent:#276c4c;--app-pale:#e1eee5}
.window[data-app=tools],.window[data-app=bin]{--app-accent:#4a617b;--app-pale:#e4eaf0}
.window[data-app=sweeper],.window[data-app=dash]{--app-accent:#786025;--app-pale:#f5edce}
.window[data-app=helpdesk],.window[data-app=contact]{--app-accent:#17695f;--app-pale:#e0f0e9}
.window[data-app=resources],.window[data-app=financekit],.window[data-app=integrationkit],.window[data-app=requestfinance],.window[data-app=requestintegration]{--app-accent:#95602e;--app-pale:#f7ead8}
.window.active .titlebar,.window.active:focus-within .titlebar{background:var(--app-accent,#28381e);background:linear-gradient(90deg,color-mix(in srgb,var(--app-accent,#28381e),#000 12%),var(--app-accent,#28381e));color:#fffdf1}
.window .window-menu{background:var(--app-pale,#e1e4d9)}
.window .window-menu span:last-child{color:#465563}
/* Mail and Internet: blue ink, airmail paper and clear selected messages. */
.mail-app-bar{background:#dce9f5;border-bottom-color:#a1bad0;color:#173e64}
.mail-folders{background:#e2edf6;color:#2c4e70;border-right-color:#b0c4d6}
.mail-folder-note{color:#57728c}
.mail-list{background:#f1f5f9;border-bottom-color:#a7bfd3}
.mail-row{border-bottom-color:#d0dfeb}
.mail-row:hover{background:#e0ebf6}
.mail-row.selected{background:#285f95;color:#fff}
.mail-row.selected small,.mail-row.selected time{color:#e2effb}
.mail-row.selected .mail-unread{color:#ffcf70}
.mail-envelope{background:#e8f0f7;border-bottom:1px solid #c1d3e2}
.mail-envelope h2{color:#17446c}
.mail-envelope .label,.mail-envelope dt{color:#507594}
.mail-message{background:#fffdf5}
.mail-attachments{background:#f0f4f8}
.mail-notification{background:#e0ebf7;border-color:#5d86ad}
.mail-notification [role=status]{color:#173d62}
.forwarded-email{border-left-color:#83a6cb}
.forwarded-email:nth-of-type(2){border-left-color:#cf9d50}
.forwarded-email:nth-of-type(3){border-left-color:#8a6ba5}
.forwarded-email:nth-of-type(4){border-left-color:#5e9e91}
.browser-toolbar{background:#dbe7f2;border-bottom-color:#a5bacd}
.browser-favourites{background:#edf3f8;border-bottom-color:#bccddd}
.browser-address{border-color:#7d9bb5;color:#2d526f}
.browser-toolbar .retro-button{background:#e8edf2}
/* Files and notes: manila folders and a purple tabbed notebook. */
[data-app=files] .explorer-sidebar{background:#f2e5be;border-right-color:#c8b984;color:#6c5426}
[data-app=files] .file-area{background:#fffdf4}
[data-app=files] .file-row:hover{background:#faecc9}
[data-app=files] .folder-intro{color:#886829}
[data-app=notebook] .app-tabs{background:#e7daef;border-color:#bda7cf}
[data-app=notebook] .app-tabs .primary{background:#7b4c96;color:white}
[data-app=notebook] .alex-notebook article{background-color:#fffcf4}
[data-app=notebook] h2{color:#67437c}
.notebook-highlight{background:#fff0a7;border-left:3px solid #d7ad42}
/* Calendar: coral diary headings and a mix of appointment colours. */
.calendar-heading{background:#f4dfd6;border-bottom:1px solid #dbb7a9}
.calendar-heading h2{color:#873e38}
.calendar-load{color:#98514a;border-color:#c99889}
.calendar-tabs{background:#faeee6}
.calendar-tabs .primary{background:#d87867;color:#fffdf3}
.calendar-event.sage{background:#d9e9f3;border-left-color:#5c8fb0}
.calendar-event.lavender{background:#e8def2;border-left-color:#9b75b8}
.calendar-event.cream{background:#fff0ce;border-left-color:#c7a04e}
.calendar-event.rose{background:#f6dcd8;border-left-color:#bd6c61}
.calendar-event.lime{background:#e6f2ce;border-left-color:#7d9d3d}
.calendar-detail{background:#fff8ee}
/* Pictures and audio feel like their own little applications. */
.picture-toolbar{background:#d4edef;color:#205e67;border-color:#9fc6cb}
.pictures-app{background:#e6f1f2}
.picture-caption h2{color:#216b78}
.picture-thumb.selected{background:#cbe8ed;border-color:#2a8799}
.music-player{background:#e7e2e9}
.music-display{background:linear-gradient(135deg,#18283d,#29213d);color:#ffcf75;border-color:#a1a3b4}
.music-display h2{color:#fff0ca}
.music-display p{color:#a8d2e5}
.music-bars{color:#ffc36b}
.music-track{background:#f4eef5;border-color:#c1adca;border-left:4px solid #b95671}
.music-track[data-track="1"]{border-left-color:#388a9b}
.music-track.selected{background:#ded1e8;border-color:#9670aa}
.music-track>span{color:#8e4e83}
.music-track small{color:#6f5a7e}
/* Spreadsheet/game status colours remain semantic and easy to distinguish. */
.raid-app .sheet-toolbar{background:#d8eadd;color:#275c43}
.raid-app .sheet-tabs{background:#e0eee4}
.raid-table .rag-red{background:#f7cbc7;color:#8d2424}
.raid-table .rag-amber{background:#ffe5a2;color:#79500b}
.dash-board{background:#1e2938;border-color:#9eafbf}
.dash-wall{background:#597995;border-color:#7896af;box-shadow:inset 1px 1px #9ab2c6}
.dash-task{color:#ffe18b}
.dash-exit{background:#335650;color:#d7ff9c}
.deadline-dash{background:#e8e9e1}
/* Mobile stays Mail-only; the same blue identity works without desktop chrome. */
.mail-only .mobile-mail-header{background:#245b90;color:#fffdf1}
.mail-only .mobile-mail .mail-list{background:#f1f5f9}
.mail-only .mobile-mail .mail-row.selected{background:#285f95;color:#fff}
.mail-only .mobile-mail .mail-row.selected small,.mail-only .mobile-mail .mail-row.selected time{color:#e2effb}
.mail-only .mobile-mail .mail-envelope{background:#e4eff8}
.mail-only .mobile-mail #mobile-compose{background:#fffdf5}
.mail-only .compose-envelope{color:#285a83;border-bottom-color:#b8cee0}

.mail-folders p:first-of-type{background:#c4dbee;color:#234f7a}
/* A brighter, late-90s desktop with an original flying-paperwork identity. */
#desktop{background:radial-gradient(ellipse at 67% 38%,#b0d5bc 0,#81beb4 44%,#569c9e 100%)}
#desktop:before{opacity:.13;background-image:radial-gradient(#234e5a .7px,transparent .7px);background-size:3px 3px}
.desktop-topline,.desktop-bottomline{color:#254e57;text-shadow:0 1px #e4f6df55}
.desktop-icon{color:#173c4a;text-shadow:none}
.desktop-icon>span{background:#dfefdfd9;padding:2px 5px;box-shadow:1px 1px #315b6533}
.desktop-icon:hover,.desktop-icon:focus-visible{background:#e6f8e833;border-color:#315b65}
.desktop-icon:first-child span{background:#d4ff79;color:#1f3a30}
.direct-website{color:#173d51;background:#e6f1e2;border:1px outset #f8fff1;padding:5px 8px}
.wallpaper{left:29%;right:5%;top:28%;color:#203d55}
.wallpaper .wallpaper-edition{margin:0;font:inherit;color:#203d55;letter-spacing:0}
.os-lockup{display:flex;gap:12px;align-items:center;transform:rotate(-3deg);transform-origin:center}
.os-emblem{display:block;width:clamp(115px,14vw,205px);height:auto;flex-shrink:0;filter:drop-shadow(3px 5px 0 #24456224)}
.wallpaper .os-overline{font:10px/1.5 'Courier New',monospace;letter-spacing:3px;color:#315d68;margin:0 0 10px 3px}
.os-wordmark{font:italic clamp(48px,6.1vw,94px)/1 Arial,Helvetica,sans-serif;letter-spacing:-5px;white-space:nowrap;display:flex;align-items:baseline;color:#20364d;text-shadow:2px 2px #e8f5dc}
.os-wordmark strong{font-family:'Arial Black',Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-6px}
.os-wordmark>span{font-weight:400;letter-spacing:-6px;margin-left:1px}
.os-wordmark>b{font:normal .7em/1 'Arial Black',Arial,sans-serif;letter-spacing:-3px;transform:rotate(3deg);display:inline-block;padding:8px 9px 7px;margin-left:15px;color:#f9ffe9;background:#285a86;box-shadow:4px 4px 0 #d5f181;text-shadow:none;border:1px solid #203d55}
.wallpaper .os-edition{display:block;font:italic 500 clamp(15px,1.8vw,24px)/1.4 Arial,Helvetica,sans-serif;letter-spacing:.2px;color:#2a5360;margin:15px 0 0 5px}
.external-help{background:#e4f0df;border-color:#426a63;color:#33584c;box-shadow:4px 4px #244f4e24}
.external-help strong{color:#244a39}.external-help .sticker-dot{background:#6c9b39}.external-help small,.external-help>span:last-child{color:#426853}.external-help:hover{background:#f1f8e8;border-color:#31583d}
/* Splash: a bright blue/mint surround and a cream software-box-style panel. */
.boot-screen{background:radial-gradient(ellipse at 50% 32%,#d3eadb 0,#9fc9cd 48%,#6da3b6 100%);color:#20364d}
.boot-panel{width:min(100%,670px);padding:28px 34px;background:#f8f7e8;border:2px outset #fffdf0;box-shadow:9px 9px 0 #2b58734d;text-align:center}
.boot-kicker{background:#285a86;color:#f8ffe9;padding:8px 12px;margin:-28px -34px 20px;font:9px/1.5 'Courier New',monospace;letter-spacing:1.8px;text-align:left}
.boot-logo-emblem{display:block;width:150px;height:auto;margin:0 auto 3px;filter:drop-shadow(3px 4px #24456220)}
.boot-panel h2.os-wordmark{display:flex;justify-content:center;font:italic 70px/1 Arial,Helvetica,sans-serif;letter-spacing:-4px;margin:0 0 12px;color:#20364d;transform:rotate(-3deg)}
.boot-panel h2.os-wordmark>span{background:transparent;color:inherit;padding:0;font-weight:400;letter-spacing:-5px}
.boot-panel h2.os-wordmark>b{font-size:49px}
.boot-edition{font:italic 17px/1.4 Arial,Helvetica,sans-serif;color:#396579;margin:0 0 18px}
.boot-tagline{font-size:12px;line-height:1.7;color:#3a6070;margin:13px 0}
.boot-message{color:#365a6b;font-size:10px;min-height:20px;margin:10px 0}
.boot-progress{background:#e0e9df;border-color:#91a69e;margin:16px 0 10px;height:12px}
.boot-progress span{background:repeating-linear-gradient(90deg,#3e84b4 0,#3e84b4 13px,#c7ed84 13px,#c7ed84 16px)}
.boot-actions{justify-content:center;gap:10px;margin-top:16px}
.boot-note{color:#607c82;font-size:9px;line-height:1.6;margin-top:16px}
.boot-version{color:#264e65;text-shadow:0 1px #e3f1e8}
@media(max-width:1000px){.wallpaper{left:29%;right:3%}.os-emblem{width:115px}.os-wordmark{font-size:55px;letter-spacing:-4px}.os-wordmark strong,.os-wordmark>span{letter-spacing:-4px}.os-wordmark>b{margin-left:10px;padding:6px}.wallpaper .os-overline{font-size:8px;letter-spacing:2px}.wallpaper .os-edition{font-size:17px}}
@media(max-height:680px){.boot-panel{padding-top:22px;padding-bottom:20px}.boot-kicker{margin-top:-22px;margin-bottom:10px}.boot-logo-emblem{width:110px}.boot-panel h2.os-wordmark{font-size:60px}.boot-panel h2.os-wordmark>b{font-size:42px}.boot-edition{margin-bottom:10px}.boot-note{margin-top:10px}}

/* Upright identity: no italic lettering, rotation or skew. */
.os-lockup{transform:none}.os-wordmark{font-style:normal}.os-wordmark>b{transform:none}.wallpaper .os-edition{font-style:normal}.boot-panel h2.os-wordmark{font-style:normal;transform:none}.boot-edition{font-style:normal}