/* ===== Ximo custom overrides for Unfold Admin ===== * Loaded AFTER unfold/css/styles.css — use :where() for zero-spec resets * and :is()/:not() for targeted boosts. * NOTE: Unfold uses Tailwind — dark: variants set via Alpine adding `dark` class to . */ /* 1. Typography — Ubuntu body, Space Grotesk headings */ html body, html body * { --font-sans: "Ubuntu", ui-sans-serif, system-ui, -apple-system, sans-serif; } html body { font-family: "Ubuntu", ui-sans-serif, system-ui, sans-serif !important; } html body h1, html body h2, html body h3, html body h4, html body h5, html body h6, html body .font-semibold, html body .font-bold, html body [class*="font-semibold"], html body [class*="font-bold"] { font-family: "Space Grotesk", system-ui, sans-serif !important; } /* 2. Ximo warm dark background + accent glow (dark mode only) */ html.dark body { background-color: #100e0b !important; background-image: radial-gradient( ellipse 100% 80% at 50% -30%, rgba(232, 168, 79, 0.09), transparent 55% ) !important; background-repeat: no-repeat !important; background-attachment: fixed !important; } /* 3. Sidebar dark bg to match */ html.dark #sidebar, html.dark [data-sidebar] { background-color: #171410 !important; } /* 4. Override Tailwind's dark:bg-base-900 on body and main wrapper */ html.dark body, html.dark #main, html.dark #main > div:first-child { background-color: #100e0b !important; }