:root {
    /* Colors - Grind Chronicles Corrected Palette */
    --color-primary: #F0FF75;
    /* Updated Yellow Sour */
    --color-primary-rgb: 240, 255, 117;
    --color-secondary: #270a02;
    /* Coffee */
    --color-secondary-rgb: 39, 10, 2;

    /* Theme - Coffee & Yellow Sour */
    --color-bg-dark: #270a02;
    /* Deep Coffee brown */
    --color-bg-card: rgba(235, 253, 6, 0.05);
    /* Yellow glassmorphism */
    --color-text-main: #F4F1E6;
    --color-text-muted: #CBD2FF;
    /* Indigo mute */
    --color-border: rgba(240, 255, 117, 0.2);
    --color-accent: #F0FF75;
    /* Primary as accent */

    /* Glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.03);
    --glass-border: rgba(255, 255, 255, 0.1);
    --glass-blur: 12px;

    /* Typography */
    --font-main: 'DM Sans', sans-serif;
    --font-display: 'Times New Roman', Times, serif;

    /* Spacing */
    --container-width: 1200px;
    --container-padding: 2rem;
    --section-spacing: 8rem;

    /* Global Radius */
    --radius-sm: 4px;
    --radius-md: 12px;
    --radius-lg: 24px;

    /* Transitions */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-medium: 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    /* Shadows & Glows */
    --glow-primary: 0 0 30px rgba(240, 255, 117, 0.3);
    --glow-accent: 0 0 20px rgba(203, 210, 255, 0.2);
}

/* Reset basics */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    font-family: var(--font-main);
    background-color: var(--color-bg-dark);
    color: var(--color-text-main);
    line-height: 1.6;
}

body {
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-display);
}

img {
    max-width: 100%;
    display: block;
}

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

ul {
    list-style: none;
}