/* Warm Ledgely theme for the server-rendered legacy route markup. Loaded after the site's Vite/Tailwind CSS. */
:root {
  color-scheme: dark;
  --l-bg: #12130f;
  --l-bg-soft: #171812;
  --l-panel: #1c1d17;
  --l-panel-2: #22231b;
  --l-panel-3: #29291f;
  --l-ink: #f1eee2;
  --l-ink-2: #d6d1c2;
  --l-muted: #aaa797;
  --l-quiet: #817f72;
  --l-line: rgba(230, 225, 204, .14);
  --l-green: #278653;
  --l-green-hi: #39a46d;
  --l-mint: #c2efd2;
  --l-gold: #e7ad22;
  --l-gold-soft: #f6d481;
}
html.dark { color-scheme: dark; }
html:not(.dark) {
  color-scheme: light;
  --l-bg: #f4f0e5;
  --l-bg-soft: #ebe6d8;
  --l-panel: #fffdf6;
  --l-panel-2: #f3efdf;
  --l-panel-3: #e7e0cc;
  --l-ink: #211e17;
  --l-ink-2: #403b30;
  --l-muted: #686253;
  --l-quiet: #797364;
  --l-line: rgba(48, 43, 31, .14);
  --l-green: #197145;
  --l-green-hi: #218854;
  --l-mint: #17653e;
  --l-gold: #d79a12;
  --l-gold-soft: #875d09;
}
html, body { min-height: 100%; background: var(--l-bg) !important; color: var(--l-ink); }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; line-height: 1.62; }
#root, #root > div { min-height: 100vh; background: var(--l-bg) !important; color: var(--l-ink) !important; }
#seo-content { display: none !important; }

/* Map the utility palette to a calm forest/cream system while retaining the original responsive layout. */
html.dark [class~="bg-white"], html.dark [class~="dark:bg-slate-950"], html.dark [class~="dark:bg-slate-900"] { background-color: var(--l-bg) !important; }
html.dark [class~="bg-slate-50"], html.dark [class~="dark:bg-slate-800"], html.dark [class~="bg-gray-50"] { background-color: var(--l-bg-soft) !important; }
html.dark [class~="bg-slate-100"], html.dark [class~="dark:bg-slate-700"] { background-color: var(--l-panel-2) !important; }
html:not(.dark) [class~="bg-white"] { background-color: var(--l-panel) !important; }
html:not(.dark) [class~="bg-slate-50"], html:not(.dark) [class~="bg-gray-50"] { background-color: var(--l-bg-soft) !important; }
html:not(.dark) [class~="bg-slate-100"] { background-color: var(--l-panel-2) !important; }

[class~="bg-slate-900"], [class~="hover:bg-slate-800"]:hover { background-color: var(--l-green) !important; }
[class~="bg-emerald-50"], [class~="bg-emerald-100"], [class~="dark:bg-emerald-900/30"], [class~="bg-emerald-100/40"] { background-color: color-mix(in srgb, var(--l-green) 13%, transparent) !important; }
[class~="bg-emerald-600"], [class~="bg-emerald-700"] { background-color: var(--l-green) !important; }
[class~="hover:bg-emerald-700"]:hover, [class~="hover:bg-emerald-800"]:hover { background-color: var(--l-green-hi) !important; }
[class~="bg-gradient-to-b"] { background-image: linear-gradient(180deg, var(--l-bg-soft), var(--l-bg)) !important; }
[class~="from-slate-50"], [class~="via-white"], [class~="to-white"] { --tw-gradient-from: var(--l-bg-soft) !important; --tw-gradient-to: var(--l-bg) !important; }

html.dark [class~="text-slate-900"], html.dark [class~="text-slate-800"], html.dark [class~="text-slate-700"], html.dark [class~="dark:text-slate-100"], html.dark [class~="dark:text-slate-200"] { color: var(--l-ink) !important; }
html.dark [class~="text-slate-600"], html.dark [class~="text-slate-500"], html.dark [class~="dark:text-slate-400"], html.dark [class~="dark:text-slate-300"] { color: var(--l-muted) !important; }
html:not(.dark) [class~="text-slate-900"], html:not(.dark) [class~="text-slate-800"], html:not(.dark) [class~="text-slate-700"] { color: var(--l-ink) !important; }
html:not(.dark) [class~="text-slate-600"], html:not(.dark) [class~="text-slate-500"] { color: var(--l-muted) !important; }
[class~="text-emerald-700"], [class~="text-emerald-600"], [class~="dark:text-emerald-400"], [class~="dark:text-emerald-300"] { color: var(--l-mint) !important; }
[class~="text-amber-700"], [class~="text-amber-600"], [class~="dark:text-amber-300"] { color: var(--l-gold-soft) !important; }
[class~="text-red-600"], [class~="text-rose-600"] { color: #e98d7c !important; }
[class~="text-white"] { color: #fffdf5 !important; }

html.dark [class~="border-slate-200"], html.dark [class~="border-slate-300"], html.dark [class~="border-gray-200"], html.dark [class~="dark:border-slate-800"], html.dark [class~="dark:border-slate-700"] { border-color: var(--l-line) !important; }
html:not(.dark) [class~="border-slate-200"], html:not(.dark) [class~="border-slate-300"], html:not(.dark) [class~="border-gray-200"] { border-color: var(--l-line) !important; }
[class~="ring-emerald-500"], [class~="focus:ring-emerald-500"]:focus { --tw-ring-color: var(--l-green-hi) !important; }
[class~="divide-slate-200"] > :not([hidden]) ~ :not([hidden]) { border-color: var(--l-line) !important; }

header { border-color: var(--l-line) !important; background: color-mix(in srgb, var(--l-bg) 91%, transparent) !important; backdrop-filter: blur(16px); }
footer { border-color: var(--l-line) !important; background: #0e1b12 !important; color: #c3d4c4 !important; }
footer [class~="text-slate-500"], footer [class~="dark:text-slate-400"] { color: #a8b8a8 !important; }
header a, footer a { text-decoration: none; }
header nav a:hover, footer a:hover { color: var(--l-mint) !important; }
header a.flex.items-center { font-family: Georgia, 'Times New Roman', serif; font-size: 1.2rem; letter-spacing: -.025em; }
header a.flex.items-center > span:first-child { width: 32px !important; height: 32px !important; overflow: hidden; border: 1px solid rgba(225,183,93,.42); background: #17140d url('/assets/ledgely-logo.png') center / cover no-repeat !important; box-shadow: 0 4px 18px rgba(224,173,66,.12); }
header a.flex.items-center > span:first-child::after { display: none !important; }
button, [role="button"] { transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease; }
button:hover, [role="button"]:hover { border-color: color-mix(in srgb, var(--l-green) 55%, var(--l-line)); }
input, select, textarea {
  color: var(--l-ink) !important; background: var(--l-panel) !important; border-color: var(--l-line) !important;
}
input::placeholder, textarea::placeholder { color: var(--l-quiet) !important; }
:focus-visible { outline-color: var(--l-gold) !important; }

h1, h2, h3 { font-family: Georgia, 'Times New Roman', serif; letter-spacing: -.025em; }
main h1 { font-weight: 700; line-height: 1.08; }
main h2 { line-height: 1.16; }
main a { text-underline-offset: .18em; }
main article, main section { scroll-margin-top: 90px; }
main figure img { border-radius: 13px; }
main table { border-collapse: collapse; width: 100%; }
main th, main td { border-color: var(--l-line) !important; }
main pre, main code { border-radius: 8px; }
main blockquote { border-color: var(--l-green) !important; color: var(--l-ink-2); }
main hr { border-color: var(--l-line) !important; }

@media (max-width: 640px) {
  body { font-size: 14px; }
  header nav { gap: 12px; }
  main h1 { line-height: 1.08; }
  footer { margin-top: 24px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }

/* Docs index AnimatedList category browser with readable, crawlable fallback links. */
[data-guide-list-shell] {
  margin: 24px 0 30px;
  padding: clamp(17px, 3vw, 24px);
  border: 1px solid var(--l-line);
  border-radius: 17px;
  background: var(--l-bg-soft);
}
[data-guide-list-shell] h2 { margin: 0 0 8px; color: var(--l-ink); font-size: clamp(1.35rem, 2.4vw, 1.8rem); }
[data-guide-list-shell] > p { max-width: 720px; margin: 0 0 14px; color: var(--l-muted); font-size: .92rem; }
#ledgely-guide-list-root { width: min(100%, 680px); }
.docs-category-fallback { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: 7px; margin: 0; padding: 0; list-style: none; }
.docs-category-fallback a { display: flex; min-height: 42px; align-items: center; padding: 9px 12px; border: 1px solid var(--l-line); border-radius: 9px; background: var(--l-panel); color: var(--l-ink); font-size: .84rem; font-weight: 650; text-decoration: none; }
.docs-category-fallback a:hover, .docs-category-fallback a[aria-current="true"] { border-color: var(--l-green-hi); color: var(--l-mint); }
[data-guide-list-shell][data-enhanced] .docs-category-fallback { display: none; }
[data-docs-category][hidden] { display: none !important; }
[data-docs-category] li[hidden] { display: none !important; }
.docs-no-results { margin: 20px 0; padding: 16px; border: 1px dashed var(--l-line); border-radius: 10px; color: var(--l-muted); }
.docs-results-status { margin: 8px 0 0; color: var(--l-muted); font-size: .82rem; }
.ledgely-global-pillnav-skip:focus { color: #12130f !important; }

@media (max-width: 640px) {
  [data-guide-list-shell] { padding: 16px; }
  .docs-category-fallback { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
#root main [hidden] { display: none !important; }