:root {
    --background-light: #f5f5f4;
    /* stone-100 */
    --text-light: #1c1917;
    /* stone-900 */
    --primary-light: #059669;
    /* emerald-600 */
    --secondary-light: #f59e0b;
    /* amber-500 */
    --card-background-light: #ffffff;
    /* white */
    --border-light: #e7e5e4;
    /* stone-200 */

    --background-dark: #022c22;
    /* emerald-950 */
    --text-dark: #e5e7eb;
    /* stone-200 */
    --primary-dark: #34d399;
    /* emerald-400 */
    --secondary-dark: #fbbf24;
    /* amber-400 */
    --card-background-dark: #064e3b;
    /* emerald-900 */
    --border-dark: #3f3f46;
    /* stone-700 */
}

body.dark {
    background-color: var(--background-dark);
    color: var(--text-dark);
}

.bg-stone-50 {
    background-color: var(--background-light);
}

body.dark .bg-stone-50 {
    background-color: var(--background-dark);
}

.text-stone-900 {
    color: var(--text-light);
}

body.dark .text-stone-900 {
    color: var(--text-dark);
}

.bg-white {
    background-color: var(--card-background-light);
}

body.dark .bg-white {
    background-color: var(--card-background-dark);
}

.border-stone-200 {
    border-color: var(--border-light);
}

body.dark .border-stone-200 {
    border-color: var(--border-dark);
}

.bg-stone-100 {
    background-color: #f5f5f4;
}

body.dark .bg-stone-100 {
    background-color: #1f2937;
}

.text-stone-500 {
    color: #78716c;
}

body.dark .text-stone-500 {
    color: #9ca3af;
}

.text-stone-600 {
    color: #57534e;
}

body.dark .text-stone-600 {
    color: #d1d5db;
}

.text-emerald-700 {
    color: #047857;
}

body.dark .text-emerald-700 {
    color: #34d399;
}

.bg-white\/90 {
    background-color: rgba(255, 255, 255, 0.9);
}

body.dark .bg-white\/90 {
    background-color: rgba(2, 44, 34, 0.9);
}