/* PASO A FONDO — design tokens */
:root {
    --bg:        #0E0F0C;
    --surface:   #16170F;
    --surface-2: #1F2018;
    --lime:      #D4F23C;
    --lime-deep: #B7D31E;
    --lime-soft: rgba(212, 242, 60, 0.12);
    --text:      #EDEDE8;
    --muted:     #8A8B82;
    --dim:       #5C5D55;
    --line:      rgba(237, 237, 232, 0.08);
    --radius:    20px;
    --radius-sm: 10px;

    --shadow-card: 0 30px 80px -30px rgba(0, 0, 0, 0.9),
                   0 12px 30px -10px rgba(0, 0, 0, 0.55),
                   0 2px 0 rgba(255, 255, 255, 0.06) inset;
    --shadow-glow: 0 0 60px -10px rgba(212, 242, 60, 0.45);

    --ease-out:  cubic-bezier(0.22, 1, 0.36, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

    color-scheme: dark;
}

*,
*::before,
*::after { box-sizing: border-box; }

html, body {
    margin: 0;
    padding: 0;
    background:
        radial-gradient(80vw 60vh at 50% -10vh, rgba(212, 242, 60, 0.22) 0%, rgba(212, 242, 60, 0.08) 35%, transparent 70%),
        radial-gradient(70vw 50vh at 50% 35vh, rgba(212, 242, 60, 0.14) 0%, transparent 55%),
        var(--bg);
    background-attachment: fixed;
    color: var(--text);
    font-family: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

button {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

a { color: inherit; }

/* utilities */
.mono { font-family: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace; }
.uppercase { text-transform: uppercase; letter-spacing: 0.16em; }
.muted { color: var(--muted); }
.dim   { color: var(--dim); }