:root {
    --color-brand-50: #fff7f2;
    --color-brand-100: #ffe7d7;
    --color-brand-200: #ffd0ae;
    --color-brand-300: #ffb07a;
    --color-brand-400: #fc9150;
    --color-brand-500: #f7782b;
    --color-brand-600: #e86214;
    --color-brand-700: #c44c0f;
    --color-brand-800: #9d3d12;
    --color-brand-900: #7f3412;
    --color-ink: #0f172a;
    --color-muted: #64748b;
    --color-surface: #ffffff;
    --color-border: rgba(249, 115, 22, 0.22);
}

body.theme-orange {
    color: var(--color-ink);
}

.btn-theme {
    background: linear-gradient(135deg, var(--color-brand-500), var(--color-brand-700));
}

.btn-theme:hover {
    background: linear-gradient(135deg, var(--color-brand-600), var(--color-brand-800));
}

.input-theme {
    background: rgba(255, 255, 255, 0.92);
    border-color: var(--color-border);
    color: var(--color-ink);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.input-theme::placeholder {
    color: var(--color-muted);
}

.input-theme:focus {
    border-color: var(--color-brand-400);
    box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.12);
}

.text-theme {
    color: var(--color-brand-700);
}

.bg-theme-soft {
    background-color: var(--color-brand-50);
}

.border-theme {
    border-color: var(--color-border);
}