:root,
html[data-theme="light"] {
    --bg: #f8f2e5;
    --bg-soft: #fdf9f1;
    --panel: rgba(255, 250, 240, 0.92);
    --panel-strong: #f5edd5;
    --line: rgba(175, 122, 69, 0.18);
    --text: #4a3524;
    --text-soft: #7d6248;
    --primary: #af7a45;
    --primary-hover: #996534;
    --accent: #fcd788;
    --accent-deep: #f4c96a;
    --white: #ffffff;
    --success-bg: #eef7e7;
    --success-text: #4d7c38;
    --danger-bg: #fbe9e3;
    --danger-text: #9d5e42;
    --shadow: 0 18px 40px rgba(122, 88, 49, 0.08);
    --radius-xl: 28px;
    --radius-lg: 20px;
    --radius-md: 14px;
    --container: 1180px;
    --header-bg: rgba(253, 249, 241, 0.86);
    --input-bg: #fffdf7;
    --soft-overlay: rgba(252, 215, 136, 0.18);
}

html[data-theme="dark-light"] {
    --bg: #2a211b;
    --bg-soft: #332821;
    --panel: rgba(55, 43, 35, 0.92);
    --panel-strong: #423228;
    --line: rgba(252, 215, 136, 0.14);
    --text: #f7ead8;
    --text-soft: #dabd9e;
    --primary: #d39658;
    --primary-hover: #be8347;
    --accent: #fcd788;
    --accent-deep: #e9bf6e;
    --white: #ffffff;
    --success-bg: rgba(77, 124, 56, 0.2);
    --success-text: #bfe6a1;
    --danger-bg: rgba(157, 94, 66, 0.24);
    --danger-text: #f0baa2;
    --shadow: 0 20px 42px rgba(0, 0, 0, 0.22);
    --header-bg: rgba(42, 33, 27, 0.84);
    --input-bg: #3b2d24;
    --soft-overlay: rgba(252, 215, 136, 0.12);
}