:root {
    --color-primary: #1B5E3A;
    --color-primary-hover: #13462B;
    --color-primary-light: #EAF3EE;
    --color-accent: #C8922A;
    --color-accent-hover: #A8771F;
    --color-accent-light: #FAF3E6;
    --color-bg: #FAF7EE;
    --color-surface: #FFFFFF;
    --color-border: #E2D8C3;
    --color-text-main: #18281F;
    --color-text-muted: #5D6D63;
    --color-success: #28A745;
    --color-danger: #D9534F;
    --color-warning: #C8922A;
    --font-sans: 'Tajawal', system-ui, -apple-system, sans-serif;
    --font-serif: 'Amiri', serif;
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --shadow-sm: 0 2px 4px rgba(27, 94, 58, 0.04);
    --shadow-md: 0 4px 12px rgba(27, 94, 58, 0.08);
}

[data-theme="dark"] {
    --color-primary: #2BB36C;
    --color-primary-hover: #229358;
    --color-primary-light: #162C20;
    --color-accent: #E5A638;
    --color-accent-hover: #C28B2B;
    --color-accent-light: #2A2315;
    --color-bg: #101913;
    --color-surface: #17241C;
    --color-border: #27382B;
    --color-text-main: #ECF4EE;
    --color-text-muted: #8FA597;
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
}