@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");

:root {
    --primary-accent: #00570a;
    --secondary-accent: #b1b41d;
    --primary-accent-dark: #004908;
    --primary-accent-light: #4C8953;
    --primary-glow: #00570a;

    --bg-black: #454545;
    --bg-dark: #454545;
    --bg-panel: #535353;

    --text-main: #000000;
    --text-secondary: #004db3;
    --silver: #004db3;
    --graphite: #0045A1;
    --gray: #003986;

    --glass-bg: rgba(69, 69, 69, 0.75);
    --glass-border: rgba(0, 87, 10, 0.15);
    --shadow-accent: 0 10px 40px -10px rgba(0, 87, 10, 0.3);

    --font-family-base: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
    --radius: 4px;

    --bg-custom-color: #454545;
}

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