/* Single stylesheet for every non-admin page: the marketing site (base.html/home.html), auth (login.html/register.html), and the sell/order popups. They can't all {% extends %} one template (the popups are standalone documents opened in a popup window), so this file is the shared source of truth instead — edit tokens or components here and every page picks it up. Admin/Jazzmin styling lives separately in admin_theme.css. */ :root { --color-bg: #f4fbf9; --color-surface: #ffffff; --color-text: #263238; --color-muted: #6c757d; --color-accent: #78c2ad; --color-accent-dark: #5fa88f; --color-border: #dbe8e3; --color-danger: #dd3333; --font-sans: -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 56px; --radius-sm: 8px; --radius-md: 12px; } /* Mirrors Jazzmin's own dark-mode resolution (jazzmin/js/main.js): an explicit choice stored under the same localStorage key wins, otherwise fall back to the OS preference. Each page sets the matching data-bs-theme attribute on via an inline script before this stylesheet paints, so no extra "prefers-color-scheme" media block is needed here — navigating between these pages and /admin/ never flips the theme unexpectedly. */ :root[data-bs-theme="dark"] { --color-bg: #14211d; --color-surface: #1c2b26; --color-text: #e7f1ee; --color-muted: #9fb3ad; --color-accent: #8fd0bd; --color-accent-dark: #a9dccb; --color-border: #33473f; --color-danger: #ff6b6b; } * { box-sizing: border-box; } body { margin: 0; font-family: var(--font-sans); background: var(--color-bg); color: var(--color-text); } a { color: var(--color-accent); text-decoration: none; } /* --- buttons: shared by the marketing site, auth forms, and the popups' own