:root {
    /* Trading Platform Palette (MK Trade/Quotex Style) */
    --bg-dark: #0b1221;
    --bg-card: #141b2d;
    --bg-panel: #1b2438;

    --primary: #2962ff;
    --primary-hover: #1e4bd1;

    --text-main: #ffffff;
    --text-muted: #8b9bb4;

    --success: #00e676;
    /* Call / Up */
    --danger: #ff3d00;
    /* Put / Down */

    --border-color: #2a354d;

    --font-family: 'Inter', sans-serif;
}

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

body {
    background-color: var(--bg-dark);
    color: var(--text-main);
    font-family: var(--font-family);
    height: 100vh;
    overflow: hidden;
    /* App-like feel */
}

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

/* Utilities */
.flex {
    display: flex;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.justify-between {
    justify-content: space-between;
}

.items-center {
    align-items: center;
}

.h-full {
    height: 100%;
}

.w-full {
    width: 100%;
}

/* Glass Button */
.btn-glass {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--text-main);
    padding: 10px 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-glass:hover {
    background: rgba(255, 255, 255, 0.1);
}

/* Trading Buttons */
.btn-call {
    background: var(--success);
    color: #000;
    font-weight: 700;
    border: none;
    border-radius: 8px;
    padding: 1rem;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0, 230, 118, 0.3);
}

.btn-put {
    background: var(--danger);
    color: #fff;
    font-weight: 700;
    border: none;
    border-radius: 8px;
    padding: 1rem;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(255, 61, 0, 0.3);
}