/* theme.css - Central Color System for Alcapone */

:root {
    /* Primary Colors */
    --color-primary: #ff3333;
    --color-primary-hover: #e62e2e;
    --color-on-primary: #ffffff;

    /* Backgrounds */
    --color-background: #000000;
    --color-on-background: #ffffff;

    /* Surfaces (Cards, Containers) */
    --color-surface: #141414;
    --color-surface-container: #1c1c1c;
    --color-surface-container-high: #242424;
    --color-surface-container-highest: #2d2d2d;
    --color-surface-card: #181818;

    /* Text Colors & Contrast */
    --color-text-main: #ffffff;
    /* High contrast white */
    --color-text-muted: #c2c2c2;
    /* Medium contrast gray */
    --color-text-dim: #b8b8b8;
    /* Low contrast gray */

    /* Accents & Outlines */
    --color-outline: #333333;
    --color-success: #22c55e;
}

/* Global resets for better readability */
body {
    background-color: var(--color-background);
    color: var(--color-on-background);
    -webkit-font-smoothing: antialiased;
}

/* Specific contrast fixes */
.text-zinc-500,
.text-zinc-600 {
    color: var(--color-text-muted) !important;
}

.text-zinc-400 {
    color: var(--color-text-main) !important;
}

/* Increase contrast for sidebar categories */
nav#category-sidebar span {
    color: var(--color-text-muted);
}

nav#category-sidebar .active-item span,
nav#category-sidebar .group:hover span {
    color: var(--color-text-main);
}

/* Gentle float animation */
@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
}

.animate-float {
    animation: float 3s ease-in-out infinite;
}