/* ------------------------------------------------------------------ */ /* Ambulists — design tokens */ /* ------------------------------------------------------------------ */ :root { --ink: #1b1f1d; --slate: #2c3330; --slate-light: #2f3835; --slate-lighter: #3a4340; --moss: #7c9070; --moss-dark: #5d7256; --paper: #ece6d8; --paper-dim: #c9c2b2; --muted: #8a9189; --border: #3a4340; --danger: #b3705f; --font-display: "Fraunces", "Georgia", serif; --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; --sidebar-width: 380px; /* Width of the details column beside the map on a shared page (desktop). */ --share-panel-width: 420px; --safe-bottom: env(safe-area-inset-bottom, 0px); --radius: 14px; --radius-sm: 8px; --attribution-bg: rgba(36, 43, 41, 0.7); } /* ------------------------------------------------------------------ */ /* Light theme — aged paper, ink text */ /* ------------------------------------------------------------------ */ :root[data-theme="light"] { --ink: #f3efe3; --slate: #ffffff; --slate-light: #ece4d2; --slate-lighter: #ddd3ba; --moss: #5d7256; --moss-dark: #4a5c45; --paper: #2c2f2a; --paper-dim: #5c5f56; --muted: #8a8270; --border: #ddd3ba; --danger: #a14e3c; --attribution-bg: rgba(255, 255, 255, 0.75); } /* ------------------------------------------------------------------ */ /* Native widget scheme */ /* ------------------------------------------------------------------ */ /* Scrollbars, the date picker's calendar icon and the