:root {
    --bg: #0a0a0f;
    --bg2: #0f0f17;
    --bg3: #14141f;
    --surface: #17171f;
    --surface2: #1e1e2a;
    --border: #ffffff0f;
    --border2: #ffffff18;
    --text: #e8e8f0;
    --text-muted: #7878a0;
    --text-dim: #4a4a6a;
    --accent: #7c6aff;
    --accent2: #a855f7;
    --accent-glow: #7c6aff33;
    --gold: #f5c842;
    --gold-dim: #f5c84222;
    --green: #22c55e;
    --cyan: #06b6d4;
    --pink: #ec4899;
    --orange: #f97316;
    --radius: 12px;
    --radius-lg: 18px;
    --tool-color: #06b6d4;
    --tool-color-glow: #06b6d422;
}

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

html {
    scroll-behavior: smooth;
}

body {
    background: var(--bg);
    color: var(--text);
    font-family: "Funnel Sans", sans-serif;
    font-optical-sizing: auto;
    font-size: 15px;
    line-height: 1.7;
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: var(--bg);
}

::-webkit-scrollbar-thumb {
    background: var(--surface2);
    border-radius: 3px;
}