:root {
    --primary-color: #616083;
    --secondary-color: #ab7de3;
    --background-color: #0c0e1d;
    --text-color: #f0f0f0;
    --text-color-rgba: rgba(255, 255, 255, 0.7);
    --accent-color: #ffd700;
    --accent-color-rgb: #ffd900;
    --secondary-color-rgb: #ab7de3;
    --success-color: #51faaa;
    --success-color-rgb: #51faab;
    --error-color: #dc3545;
    --card-bg: rgba(17, 19, 36, 0.7);
    --card-border: rgba(255, 255, 255, 0.05);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    font-family: 'Inter', 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background-color: var(--background-color);
    background-image: radial-gradient(circle at 50% 10%, rgba(30, 30, 60, 0.4), rgba(12, 14, 29, 0.95));
    background-attachment: fixed;
    margin: 0;
    padding: 0;
    color: var(--text-color);
}

h1,
h2,
h3 {
    margin: 0;
}


img {
    /* Ensure there is no line at the bottom */
    display: block;
    max-width: 100%;
    height: auto;
}