/* ========================================================================== Leaf Line — site-dark.css Dark theme that can be auto-enabled via prefers-color-scheme, or forced with .theme-dark Load AFTER site.css ========================================================================== */ /* ----- Auto dark if user prefers ----- */ @media (prefers-color-scheme: dark){ :root{ color-scheme: dark; --ll-green-600:#8fd19e; /* brighten brand green */ --ll-green-500:#9fe0ae; --ll-green-400:#b8ecc3; --ll-teal-500:#6dd7c3; --ll-teal-300:#8ee6d5; --ll-ink-900:#e8ecef; /* light ink */ --ll-ink-700:#cfd6dc; --ll-ink-500:#a8b1ba; --ll-ink-300:#88939f; --ll-ink-200:#6b7682; --ll-paper:#0f1416; /* page background */ --ll-paper-2:#151b1f; --ll-outline:#23303a; /* subtle borders */ --ll-success:#8fd19e; --ll-accent:#6dd7c3; --ll-shadow-sm:0 6px 18px rgba(0,0,0,.4); --ll-shadow-lg:0 14px 48px rgba(0,0,0,.6); } body{ background:var(--ll-paper); color:var(--ll-ink-900); } a{ color:var(--ll-success); } .navbar{ background:#11171b; border-bottom:1px solid var(--ll-outline); } .navbar .nav-link{ color:var(--ll-ink-700); } .navbar .nav-link:hover{ color:var(--ll-green-600); } .card{ background:#121a1f; border-color:var(--ll-outline); box-shadow:var(--ll-shadow-sm); } .border{ border-color:var(--ll-outline)!important; } .bg-light{ background:var(--ll-paper-2)!important; } .bg-white{ background:#121a1f!important; } .text-muted, .small{ color:var(--ll-ink-500)!important; } .table thead th{ color:var(--ll-ink-700); border-bottom-color:var(--ll-outline); } .form-control, .form-select{ background:#0f1416; color:var(--ll-ink-900); border-color:var(--ll-outline); } .form-control::placeholder{ color:var(--ll-ink-300); } .site-footer{ background:#11171b; border-top:1px solid var(--ll-outline); color:var(--ll-ink-700); } .hero-parallax{ box-shadow:var(--ll-shadow-lg); } /* icon tint */ .ll-icon{ color:var(--ll-green-600); } } /* ----- Force dark with .theme-dark on or wrapper ----- */ .theme-dark{ color-scheme: dark; --ll-green-600:#8fd19e; --ll-green-500:#9fe0ae; --ll-green-400:#b8ecc3; --ll-teal-500:#6dd7c3; --ll-teal-300:#8ee6d5; --ll-ink-900:#e8ecef; --ll-ink-700:#cfd6dc; --ll-ink-500:#a8b1ba; --ll-ink-300:#88939f; --ll-ink-200:#6b7682; --ll-paper:#0f1416; --ll-paper-2:#151b1f; --ll-outline:#23303a; --ll-success:#8fd19e; --ll-accent:#6dd7c3; --ll-shadow-sm:0 6px 18px rgba(0,0,0,.4); --ll-shadow-lg:0 14px 48px rgba(0,0,0,.6); } .theme-dark, .theme-dark body{ background:var(--ll-paper); color:var(--ll-ink-900); } .theme-dark .navbar{ background:#11171b; border-bottom:1px solid var(--ll-outline); } .theme-dark .nav-link{ color:var(--ll-ink-700); } .theme-dark .nav-link:hover{ color:var(--ll-green-600); } .theme-dark .card{ background:#121a1f; border-color:var(--ll-outline); } .theme-dark .border{ border-color:var(--ll-outline)!important; } .theme-dark .bg-light{ background:var(--ll-paper-2)!important; } .theme-dark .bg-white{ background:#121a1f!important; } .theme-dark .text-muted, .theme-dark .small{ color:var(--ll-ink-500)!important; } .theme-dark .site-footer{ background:#11171b; border-top:1px solid var(--ll-outline); color:var(--ll-ink-700); } .theme-dark .form-control, .theme-dark .form-select{ background:#0f1416; color:var(--ll-ink-900); border-color:var(--ll-outline); } .theme-dark .form-control::placeholder{ color:var(--ll-ink-300); } .theme-dark .ll-icon{ color:var(--ll-green-600); }