:root {
    /* Vibrant Fills */
    --color-vibrant-fills-vibrant-primary: rgba(51, 51, 51, 1);
    --color-vibrant-fills-vibrant-secondary: rgba(31, 31, 31, 1);
    --color-vibrant-fills-vibrant-tertiary: rgba(0, 0, 0, 0.320);
    --color-vibrant-fills-green: rgba(12, 27, 32, 1);
    --color-vibrant-fills-yellow: rgba(25, 22, 15, 1);
    --color-vibrant-fills-red: rgba(39, 18, 23, 1);

    /* Label Colors */
    --color-label-primary: rgba(255, 255, 255, 1);
    /* Defaulting to white for dark theme based on context */
    --color-label-primary-inverse: rgba(0, 0, 0, 1);
    --color-label-secondary: rgba(235, 235, 245, 0.750);
    --color-label-tertiary: rgba(235, 235, 245, 0.160);

    /* Typography / Text Colors (Mapped) */
    --color-text-primary: var(--color-label-primary);
    --color-text-secondary: rgba(255, 255, 255, 0.7);
    --color-text-tertiary: rgba(255, 255, 255, 0.5);
    --color-text-inverse: var(--color-label-primary-inverse);

    /* UI Colors */
    --color-border-white-10: rgba(255, 255, 255, 0.1);
    --color-border-white-12: rgba(255, 255, 255, 0.12);
    --color-bg-header: rgba(10, 10, 10, 0.4);

    /* Background Colors */
    --color-bg-base: rgba(0, 0, 0, 1);
    --color-bg-second: rgba(30, 30, 35, 0.5);
    --color-bg-tertiary: rgba(42, 42, 42, 1);

    /* Accent Colors */
    --color-accents-red-dark: rgba(203, 39, 61, 1);
    --color-accents-yellow-dark: rgba(216, 155, 74, 1);
    --color-accents-green-dark: rgba(168, 241, 214, 1);
    --color-accents-cold-green: rgba(188, 248, 236, 1);

    /* Accent Brand Colors */
    --color-accent-accent: rgba(225, 245, 239, 1);
    --color-accent-accent-light: rgba(128, 174, 185, 1);
    --color-accent-accent-lightest: rgba(74, 107, 131, 1);

    /* Text Shimmer: Deep -> Light -> Deep */
    --gradient-text-main: linear-gradient(135deg, var(--color-accent-accent) 0%, var(--color-accent-accent-light) 50%, var(--color-accent-accent-lightest) 100%);

    /* Base Variables Mapping (for compatibility) */
    --background: var(--color-bg-base);
    --foreground: var(--color-label-primary);
    --primary: var(--color-accent-accent);
    --muted: var(--color-bg-tertiary);
    --border: var(--color-vibrant-fills-vibrant-tertiary);

    --font-family-base: "Inter", sans-serif;
    --radius: 0.625rem;
}

body {
    background-color: var(--background);
    color: var(--foreground);
    font-family: var(--font-family-base);
}