/**
 * نظام ألوان موحّد — نهاري / ليلي / تلقائي (حسب الجهاز)
 */
:root,
[data-bs-theme="light"] {
    color-scheme: light;
    --brand-green: #2d6a4f;
    --brand-green-dark: #1b4332;
    --brand-green-mid: #40916c;
    --brand-green-light: #52b788;
    --brand-green-soft: #d8f3dc;
    --brand-gold: #c9a227;
    --brand-gold-light: #f0c040;
    --brand-gold-dark: #a8841e;
    --brand-orange: #e67e22;
    --surface-page: #f0f4f8;
    --surface-card: #ffffff;
    --surface-elevated: #ffffff;
    --surface-muted: #f8faf9;
    --surface-border: #e8ecf1;
    --surface-border-strong: #d5dde5;
    --text-primary: #1a2e24;
    --text-secondary: #5c6b63;
    --text-muted: #6c7a72;
    --text-inverse: #ffffff;
    --shadow-sm: 0 2px 8px rgba(27, 67, 50, 0.06);
    --shadow-md: 0 8px 24px rgba(27, 67, 50, 0.1);
    --shadow-lg: 0 16px 48px rgba(27, 67, 50, 0.14);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --green: var(--brand-green);
    --green-dark: var(--brand-green-dark);
    --green-light: var(--brand-green-light);
    --gold: var(--brand-gold);
    --gold-light: var(--brand-gold-light);
    --cream: var(--surface-page);
    --text-dark: var(--text-primary);
}

[data-theme="dark"],
[data-bs-theme="dark"] {
    color-scheme: dark;
    --brand-green: #52b788;
    --brand-green-dark: #0d1f17;
    --brand-green-mid: #40916c;
    --brand-green-light: #74c69d;
    --brand-green-soft: #1a2e24;
    --brand-gold: #e0b83a;
    --brand-gold-light: #f5d76e;
    --brand-gold-dark: #c9a227;
    --surface-page: #0f1512;
    --surface-card: #1a2420;
    --surface-elevated: #1e2a24;
    --surface-muted: #151d19;
    --surface-border: #2d3d34;
    --surface-border-strong: #3d4f44;
    --text-primary: #e8f0eb;
    --text-secondary: #b8c4bc;
    --text-muted: #8a9a90;
    --text-inverse: #0f1512;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.25);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.45);
    --green: var(--brand-green);
    --green-dark: #142e24;
    --green-light: var(--brand-green-light);
    --gold: var(--brand-gold);
    --gold-light: var(--brand-gold-light);
    --cream: var(--surface-page);
    --text-dark: var(--text-primary);
    --bs-body-bg: var(--surface-page);
    --bs-body-color: var(--text-primary);
    --bs-secondary-color: var(--text-muted);
    --bs-border-color: var(--surface-border);
    --bs-emphasis-color: var(--text-primary);
    --bs-link-color: #7dd3a8;
    --bs-link-hover-color: #a8e6c4;
}

body {
    background-color: var(--surface-page);
    color: var(--text-primary);
    transition: background-color 0.25s ease, color 0.2s ease;
}

.theme-toggle-btn {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-md);
    border: 1px solid var(--surface-border);
    background: var(--surface-card);
    color: var(--text-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s, transform 0.15s;
    padding: 0;
}
.theme-toggle-btn:hover {
    background: var(--surface-muted);
    border-color: var(--surface-border-strong);
}
.theme-toggle-btn .fa-circle-half-stroke {
    color: var(--brand-gold);
}