/* Shared design tokens for Min Sparing.
 * Loaded by index.html, signup.html (via <link>) and spare/style.css (via
 * @import), so there is exactly one place that defines what "brand blue"
 * and "the corner radius" mean. Page-specific tokens (background, text
 * color, borders -- anything that legitimately differs between the dark
 * aurora login/signup theme and the light dashboard theme) stay local to
 * each stylesheet; only the truly shared ones live here.
 */
:root {
    --primary: #1F5784;
    --primary-hover: #153c5c;
    --primary-light: #eff6ff;

    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 16px;
}