/* The 4 built-in themes — one body[data-theme="…"] palette block each (the
   .brand-img logo is in nav-hub.css). Pure data: adding a
   built-in = one block here + one entry in UI_THEME_OPTIONS_BUILTIN
   (src/renderer/core/state.js).
   Procress 10 part 2: the other 28 families moved to DraconDex-PKG as
   theme-<name> packages (payloads byte-identical to the blocks that were
   here) and arrive as inline vars under data-theme="custom". A new theme
   belongs there, not here, unless it needs rules beyond the palette the way
   rainbow does. */
body[data-theme="daylight"]{
	--bg:#f4f6fb;
	--surface:#ffffff;
	--raised:#eef1f7;
	--hover:#e2e7f0;
	--border:#ccd3df;
	--t1:#172033;
	--t2:#596274;
	--t3:#8a94a6;
	--accent:#2563eb;
	--accentH:#1d4ed8; /* Procress 18 part 5: a light theme's hover is DARKER — #3b82f6 text read 3.4:1 */
	--accent-text:#1d4ed8;
	--danger:#dc2626;
	--success:#16a34a;
	--warn:#92400e;--on-warn:#ffffff;
	--info:#075985;--on-info:#ffffff;
}
body[data-theme="moonlight"]{
	--bg:#101620;
	--surface:#182231;
	--raised:#223044;
	--hover:#2d3b52;
	--border:#334258;
	--t1:#edf4ff;
	--t2:#a6b3c7;
	--t3:#66758c;
	--accent:#7c9cff;
	--accentH:#9bb5ff;
	--danger:#f87171;
	--success:#34d399;
	--warn:#f59e0b;
	--info:#38bdf8;
	--on-accent:var(--ink-dark);--on-button:var(--ink-dark);
}
body[data-theme="midnight"]{
	--bg:#0f0f13;
	--surface:#18181f;
	--raised:#22222d;
	--hover:#2a2a38;
	--border:#2e2e3f;
	--t1:#e8e8f0;
	--t2:#9090a8;
	--t3:#5a5a72;
	--accent:#585ced; /* Procress 18 part 5: white on it 5.0:1 (#6366f1 was 4.47) */
	--accentH:#818cf8;
	--accent-text:#818cf8; /* accent as text on the dark surfaces */
	--danger:#ef4444;
	--success:#22c55e;
	--warn:#f59e0b;
	--info:#38bdf8;
	--on-accent:#fff; /* white on #585ced = 5.04:1 (SDB follows this accent since 4db34f5) */
}
/* Full-spectrum theme: light, readable surfaces float over a pastel-rainbow
   backdrop; the nav rail and left panel go translucent so the rainbow shows
   through, and primary/active accents use a rainbow gradient. */
body[data-theme="rainbow"]{
	--bg:#fdf3fb;
	--surface:#ffffff;
	--raised:#fbecf7;
	--hover:#f6e0f2;
	--border:#ecd2e9;
	--t1:#3a2b46;
	--t2:#6d5b7c;
	--t3:#a493b3;
	--accent:#d6249f;
	--accentH:#7c3aed;
	--danger:#fb7185;
	--success:#22c55e;
	--warn:#92400e;--on-warn:#ffffff;
	--info:#075985;--on-info:#ffffff;
}
body[data-theme="rainbow"] #window-frame{
	background:linear-gradient(135deg,#ffb3ba,#ffdfba,#fdffb6,#baffc9,#bae1ff,#d5baff,#ffbaf2);
	background-attachment:fixed;
}
body[data-theme="rainbow"] #main-area,
body[data-theme="rainbow"] #main-inner{background:transparent}
body[data-theme="rainbow"] #nav-sidebar,
body[data-theme="rainbow"] #left-panel{background:rgba(255,255,255,.7);backdrop-filter:blur(6px)}
body[data-theme="rainbow"] .nav-btn.active,
body[data-theme="rainbow"] .btn-p,
body[data-theme="rainbow"] .btn-p:hover{
	background:linear-gradient(120deg,#f5515f,#f7a531,#3fd07f,#38a3f1,#9b5cf6);
	border-color:transparent;color:#fff;
}
body{
	/* Thai is the default UI language but no Thai-capable face was ever named
	   here, so Thai rendered through whatever the OS happened to pick. The two
	   additions sit AFTER 'Segoe UI', which covers Latin/Greek/Cyrillic
	   completely — so they are only ever reached for codepoints Segoe UI lacks
	   (Thai/Lao) and no Latin glyph changes. Emoji/Symbol stay first because
	   emoji are used as icons throughout. Leelawadee UI ships with Windows 8.1+
	   (the Win10/11 default Thai UI face), Tahoma with every Windows; build
	   targets are win/nsis only, so no webfont or vendored file is needed. */
	font-family:'Segoe UI Emoji','Segoe UI Symbol','Segoe UI','Leelawadee UI',Tahoma,system-ui,-apple-system,sans-serif;
	background:var(--bg); color:var(--t1);
	height:100vh; overflow:hidden;
	user-select:none; -webkit-user-select:none;
	font-size:calc(14px * var(--fsc,1));
}

/* A custom or package theme is only a palette (core/settings.js stamps
   data-theme-tone from its --bg): on a light one, the status colours take
   their darker pair so they keep 4.5:1 on --surface (UX-LAYOUT §9). */
body[data-theme-tone="light"]{--warn:#92400e;--on-warn:#ffffff;--info:#075985;--on-info:#ffffff}