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

:root {
    --primary-accent: #FF3366;
    --secondary-accent: #FFD700;
    --primary-accent-dark: #D82B56;
    --primary-accent-light: #FF7093;
    --primary-glow: #FF3366;

    --bg-black: #1A0010;
    --bg-dark: #1A0010;
    --bg-panel: #2C1423;

    --text-main: #FFFFFF;
    --text-secondary: #FFB8C6;
    --silver: #FFB8C6;
    --graphite: #E5A5B2;
    --gray: #BF8A94;

    --glass-bg: rgba(26, 0, 16, 0.75);
    --glass-border: rgba(255, 51, 102, 0.15);
    --shadow-accent: 0 10px 40px -10px rgba(255, 51, 102, 0.3);

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

    --bg-custom-color: #1A0010;
}

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;
}