/**
 * Shared visual tokens for the Daystar public frontend.
 *
 * Centralizing these values keeps colour, typography, spacing, and motion
 * consistent across every public page.
 */

:root {
    --daystar-navy-950: #071526;
    --daystar-navy-900: #0d1b2a;
    --daystar-navy-800: #142b46;
    --daystar-blue-600: #207ab4;
    --daystar-blue-500: #2998d4;
    --daystar-sky-500: #4ecdc4;
    --daystar-gold-500: #f4c842;
    --daystar-gold-400: #ffda63;
    --daystar-coral-500: #ff6b6b;
    --daystar-purple-500: #8a4dec;

    --daystar-white: #ffffff;
    --daystar-surface: #f7f9ff;
    --daystar-surface-blue: #eef4ff;
    --daystar-border: #dce5f3;
    --daystar-text: #17233d;
    --daystar-muted: #63708a;

    --daystar-font-heading: "Fredoka", sans-serif;
    --daystar-font-body: "Nunito", sans-serif;

    --daystar-radius-sm: 0.75rem;
    --daystar-radius-md: 1.25rem;
    --daystar-radius-lg: 2rem;
    --daystar-radius-pill: 999px;

    --daystar-shadow-sm: 0 0.5rem 1.5rem rgb(13 27 42 / 8%);
    --daystar-shadow-md: 0 1rem 3rem rgb(13 27 42 / 14%);
    --daystar-shadow-lg: 0 1.5rem 4rem rgb(13 27 42 / 20%);

    --daystar-transition:
        180ms cubic-bezier(0.2, 0.7, 0.3, 1);
}