:root {
    /* primary background / dark gradient (from dummyDeepseek) */
    --bg-start: #1a202c;
    --bg-end: #2d3748;

    /* amber accents (use amber 500 as the main glow color) */
    --accent-500: #f59e0b;
    /* rgba(245,158,11) */
    --accent-400: #f0bf1e;
    --accent-300: #fcd34d;
    --accent-200: #fef3c7;

    /* card / panel subtle background */
    --card-bg: rgba(31, 41, 55, 0.6);
}

/* Apply the core color scheme broadly. This file intentionally only sets colors & small helpers. */
body {
    background: linear-gradient(135deg, var(--bg-start) 0%, var(--bg-end) 100%);
    color: var(--accent-400);
}

/* Utility classes used across pages to keep the look consistent */
.gradient-bg {
    background: linear-gradient(135deg, var(--bg-start), var(--bg-end));
}

.glow {
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.2);
}

/* Accent buttons / links */
.btn-accent,
button.btn-accent {
    background: var(--accent-500);
    color: #111827;
}

.btn-accent:hover,
button.btn-accent:hover {
    background: var(--accent-400);
}

a {
    color: var(--accent-300);
}

a:hover {
    color: var(--accent-200);
}

/* Generic card background compatible with existing markup */
.card-dark {
    background: var(--card-bg);
    border-color: rgba(245, 158, 11, 0.15);
}

/* Small helpers so pages that rely on named classes from dummyDeepseek keep the same feel */
.text-accent {
    color: var(--accent-400) !important;
}

.text-accent-muted {
    color: var(--accent-300) !important;
}

/* Keep transitions subtle and consistent */
.accent-transition {
    transition: color 160ms ease, background-color 160ms ease;
}

/* Avoid changing layout/spacing—only colors and gentle effects */