/* agentemail.cc on the guthlabs.ai tokens (light only; theme-audit/TOKENS.md) */
:root:root{color-scheme:light;
--canvas:#f0f1e8;--surface:#fffdf7;--soft:#e2e7db;--green:#173e2d;--muted:#56685b;--line:#d6ddcd;--focus:#507b40;
--ae-canvas:#f0f1e8;--ae-surface:#fffdf7;--ae-soft:#e2e7db;--ae-pale:#e2e7db;--ae-hover:#e5eadd;--ae-rule:#d6ddcd;--ae-line:#d6ddcd;--ae-muted:#56685b;
--ae-ink:#173e2d;--ae-blue:#173e2d;--ae-blue-hover:#173e2d;--ae-periwinkle:#173e2d;--ae-accent:#173e2d;--ae-focus:#507b40;--ae-accent-ink:#fffdf7;--ae-on-accent:#fffdf7;
--ae-field:#f6f7ef;--ae-danger:#a3352b;--ae-warning-ink:#8a5a00;--ae-warning-bg:#fbf0d4;--ae-terminal:#173e2d;
--rule:#d6ddcd;--ink:#173e2d;--forest:#173e2d;--forest-deep:#173e2d;--cream:#f0f1e8;--paper:#fffdf7;--pale:#e2e7db;--accent:#e2e7db;--danger:#a3352b}
@font-face{font-family:DashboardSystem;src:local(Arial)}
html,body{background:#f0f1e8;color:#173e2d;font-family:Arial,sans-serif}
html body[class]{font-family:Arial,sans-serif}
input,select,textarea,button{font-family:Arial,sans-serif}
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{background:#f6f7ef;border-color:#d6ddcd;border-radius:9px;color:#173e2d}
input::placeholder,textarea::placeholder{color:#536958}
:focus-visible{outline-color:#507b40}
/* public a11y 2026-10-23 (captured dashboard, presentation only): the "Skip to inbox" link sat under the fixed .topbar
   (z-index 30) when focused, and the topbar search input had outline:none, so keyboard focus showed nothing. */
.skip-link:focus{z-index:40}
.app-shell .topbar .search-field input:focus-visible{outline:2px solid #507b40;outline-offset:2px}
a{color:#173e2d}
.button,.ae-btn{border-radius:8px}
/* the marketing/footer CSS inverts the logo under OS dark mode; the page is light-only here, so keep it dark on cream */
.ae-brand img,.aef-logo img{filter:none}