:root {

    /* ---------------------------------
       Core atmosphere (V3 PHASE F: darker, more realistic)
    --------------------------------- */

    --color-black: #010206;

    --color-space: #020308;

    --color-space-blue: #030510;


    /* ---------------------------------
       Light
    --------------------------------- */

    --color-star: rgba(235, 239, 255, 0.92);

    --color-star-soft: rgba(190, 202, 235, 0.55);


    /* ---------------------------------
       Accent
    --------------------------------- */

    --color-pink: #b8c0d4;

    --color-pink-soft:
        rgba(180, 192, 215, 0.45);

    --color-red: #ff405d;

    --color-red-soft:
        rgba(255, 64, 93, 0.35);


    /* ---------------------------------
       Typography
    --------------------------------- */

    --font-ui:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    --font-mono:
        "SFMono-Regular",
        Consolas,
        "Liberation Mono",
        monospace;


    /* ---------------------------------
       Motion
    --------------------------------- */

    --ease-smooth:
        cubic-bezier(0.22, 1, 0.36, 1);

    --ease-soft:
        cubic-bezier(0.4, 0, 0.2, 1);


    /* ---------------------------------
       Layout
    --------------------------------- */

    --content-padding:
        clamp(20px, 4vw, 64px);


    /* ---------------------------------
       Rendering
    --------------------------------- */

    --pixel-ratio-limit: 2;


    /* ---------------------------------
       Media
    --------------------------------- */

    --media-radius: 14px;

    --media-border:
        rgba(180, 192, 215, 0.12);

    --media-background:
        rgba(4, 6, 15, 0.88);

    --media-overlay:
        rgba(1, 2, 7, 0.78);

    --media-shadow:
        0 30px 100px
        rgba(0, 0, 0, 0.55);

}