/* طبقة نهارية مشتركة لصفحات الأدوات — فوق الثيم الداكن القديم */
:root {
    --bg-color: #f7f3ea;
    --panel-bg: #fffdf8;
    --text-color: #1a1712;
    --muted: #5e574c;
    --gold: #b39359;
    --gold-hover: #8a6f3f;
    --gold-bright: #8a6f3f;
    --danger: #c45c5c;
    --success: #3d9b6e;
    --line: rgba(26, 23, 18, 0.10);
    --bg: #f7f3ea;
    --panel: #fffdf8;
    --green: #3d9b6e;
    --red: #c45c5c;
}

html { color-scheme: light; }

body,
body.hub-body {
    background:
        radial-gradient(ellipse 80% 45% at 100% 0%, rgba(179, 147, 89, 0.16), transparent 55%),
        radial-gradient(ellipse 55% 40% at 0% 100%, rgba(56, 184, 181, 0.08), transparent 50%),
        var(--bg-color) !important;
    color: var(--text-color) !important;
}

header {
    background: rgba(255, 253, 248, 0.88) !important;
    border-bottom: 1px solid var(--line) !important;
    backdrop-filter: blur(10px);
}

.logo { color: var(--gold) !important; }
.logo-text,
.logo span { color: var(--muted) !important; }

.btn-home {
    color: var(--gold-bright) !important;
    border-color: rgba(179, 147, 89, 0.45) !important;
    background: transparent !important;
}

.btn-home:hover {
    background: var(--gold) !important;
    color: #1a140c !important;
}

.container h1,
h1 { color: var(--text-color) !important; }

.section-desc,
.desc,
p.desc { color: var(--muted) !important; }

.tool-card,
.ai-panel,
.converter-container {
    background: var(--panel-bg) !important;
    border-color: var(--line) !important;
    color: var(--text-color);
    box-shadow: 0 10px 32px rgba(26, 23, 18, 0.06);
}

.calc-group label,
.calc-result-label { color: var(--muted) !important; }

.calc-group input,
input[type="number"],
input[type="text"],
textarea,
select {
    background: #fff !important;
    color: var(--text-color) !important;
    border-color: var(--line) !important;
}

.calc-btn,
.btn-submit,
.btn {
    background: var(--gold) !important;
    color: #1a140c !important;
}

.calc-result {
    background: rgba(179, 147, 89, 0.10) !important;
    border-color: rgba(179, 147, 89, 0.28) !important;
}