:root {
    --primary-accent: #00E599;
    --secondary-accent: #00A3FF;
    --primary-accent-dark: #00C282;
    --primary-accent-light: #4CECB7;
    --primary-glow: #00E599;

    --bg-black: #03111F;
    --bg-dark: #03111F;
    --bg-panel: #172430;

    --text-main: #F0F4F8;
    --text-secondary: #A9B4C2;
    --silver: #A9B4C2;
    --graphite: #98A2AE;
    --gray: #7E8791;

    --glass-bg: rgba(3, 17, 31, 0.75);
    --glass-border: rgba(0, 229, 153, 0.15);
    --shadow-accent: 0 10px 40px -10px rgba(0, 229, 153, 0.3);

    --font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --radius: 24px;

    --bg-custom-color: #03111F;
}

body {
    font-family: var(--font-family-base);
    background-color: var(--bg-custom-color);
    background-image: url('/static/main.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}