:root {
    --bg-base: #0a0a0c;
    --bg-surface: #121215;
    --bg-surface-hover: #1a1a1e;
    --bg-input: #161619;
    
    --border-light: #222226;
    --border-hover: #35353c;

    --text-primary: #ededef;
    --text-secondary: #8b8b96;
    --text-muted: #5e5e68;

    --accent: #3b82f6;
    --accent-light: rgba(59, 130, 246, .12);

    --font-family: "Inter", sans-serif;

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 22px;

    --shadow-sm: 0 2px 6px rgba(0,0,0,.20);
    --shadow-md: 0 10px 30px rgba(0,0,0,.35);
    --shadow-hover: 0 16px 40px rgba(0,0,0,0.5);

    --transition-fast: .15s ease;
    --transition: .30s ease;
    --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}