:root {
    --primary: #8b5cf6;
    --primary-dark: #6d28d9;
    --secondary: #22d3ee;
    --dark: #111827;
    --dark-soft: #1f2937;
    --text: #d1d5db;
    --muted: #9ca3af;
    --white: #ffffff;
    --border: rgba(255, 255, 255, 0.1);
    --card: rgba(255, 255, 255, 0.045);
    --radius: 24px;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none;
}

html {
    scroll-behavior: smooth;
}

a {
    color: inherit;
    text-decoration: none;
}

.cursor-pointer {
    cursor: pointer;
}

button,
input,
textarea {
    font: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}