/* =============================================================================
   KORDU - Core CSS (~2KB)
   Variables, reset, fonts - REQUIRED by all menus
============================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono&display=swap');

:root {
    /* Font */
    --font: 'Geist', 'Inter', system-ui, sans-serif;
    --font-mono: 'Geist Mono', monospace;

    /* Background Hierarchy */
    --bg-void: #08080c;
    --bg-primary: #0c0c11;
    --bg-secondary: #101016;
    --bg-tertiary: #15151c;
    --bg-elevated: #18181f;
    --bg-hover: var(--bg-elevated);
    --bg-card: var(--bg-primary);

    /* Text */
    --text-primary: #fafafa;
    --text-secondary: #b4b4bc;
    --text-muted: rgba(180, 180, 188, 0.6);

    /* Brand */
    --accent: #ff3d4a;
    --accent-hover: #ff6b75;
    --accent-glow: rgba(240, 16, 53, 0.15);

    /* Semantic */
    --success: #22c55e;
    --warning: #f59e0b;
    --error: #f87171;

    /* Currency */
    --cash: var(--success);
    --bits: #a78bfa;

    /* Borders */
    --border: #1e1e26;
    --border-hover: rgba(240, 16, 53, 0.25);

    /* Radii */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.6);

    /* Transitions */
    --fast: 0.1s;
    --normal: 0.15s;
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none !important;
}

html,
body {
    width: 100%;
    height: 100%;
    background: transparent;
    font-family: var(--font);
    color: var(--text-primary);
    font-size: 13px;
    line-height: 1.5;
    overflow: hidden;
    user-select: none;
    -webkit-font-smoothing: antialiased;
}

button {
    border: none;
    background: none;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

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

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--bg-tertiary);
    border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--bg-elevated);
}