:root {
    --primary: #f7630c;
    /* Warmer amber/orange */
    --primary-hover: #b45309;
    --background: #fffcf9;
    /* Slightly warm background */
    --surface: #ffffff;
    --text-main: #2d2621;
    /* Warmer dark gray */
    --text-secondary: #71645a;
    --border-color: #e5e1da;
    --shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

[data-theme='dark'] {
    --primary: #f59e0b;
    --primary-hover: #fbbf24;
    --background: #151629;
    /* Warm dark brown/gray */
    --surface: #262924;
    --text-main: #f5f5f4;
    --text-secondary: #a8a29e;
    --border-color: #44403c;
}

/* Warm specific overrides */
.bg-indigo-600 {
    background-color: var(--primary) !important;
}

.hover\:bg-indigo-700:hover {
    background-color: var(--primary-hover) !important;
}

.text-indigo-600 {
    color: var(--primary) !important;
}

.hover\:text-indigo-600:hover {
    color: var(--primary) !important;
}

.focus\:ring-indigo-500\/10:focus {
    --tw-ring-color: rgba(217, 119, 6, 0.1) !important;
}

.focus\:border-indigo-500:focus {
    border-color: var(--primary) !important;
}

.shadow-indigo-500\/25 {
    box-shadow: 0 10px 15px -3px rgba(217, 119, 6, 0.25) !important;
}