/* Extracted from new_template.html - Variables & Base */
:root {
    --bg-base: #0F172A;
    --bg-glass: rgba(15, 23, 42, 0.6);
    --bg-card: rgba(255, 255, 255, 0.03);
    --border-subtle: rgba(255, 255, 255, 0.08);

    --text-main: #FFFFFF;
    --text-muted: #94A3B8;

    --accent-lime: #D9F99D;
    --accent-purple: #C084FC;
    --accent-rose: #FB7185;
    --accent-gold: #FCD34D;

    --font-display: -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
    --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
}

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

body {
    background-color: var(--bg-base);
    color: var(--text-main);
    font-family: var(--font-display);
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background-image:
        radial-gradient(circle at 0% 0%, rgba(76, 29, 149, 0.25) 0%, transparent 50%),
        radial-gradient(circle at 100% 100%, rgba(190, 24, 93, 0.15) 0%, transparent 50%);
    background-attachment: fixed;
    min-height: 100vh;
}