/* Explain: Theme design tokens (colors, fonts) — single source of truth */
:root {
    --primary-color: #3f6b45;
    --primary-hover: #325537;
    --primary-light: #e7efe4;
    --secondary-color: #1f4a52;
    --accent-color: #c4693c;
    --accent-light: #f7e6dc;
    --background-color: #fbf8f2;
    --surface-color: #f3eee4;
    --surface-strong: #e9e1d2;
    --text-color: #232a22;
    --text-muted: #6d7367;
    --border-color: #ded6c6;
    --on-primary: #ffffff;
    --on-dark: #ffffff;
    --on-dark-soft: rgba(255, 255, 255, 0.72);
    --on-dark-veil: rgba(255, 255, 255, 0.18);
    --scrim-rgb: 22, 32, 15;
    --font-heading: 'Cairo', 'Tajawal', 'Segoe UI', sans-serif;
    --font-body: 'Tajawal', 'Cairo', 'Segoe UI', sans-serif;
    --radius-sm: 0.75rem;
    --radius-lg: 1.25rem;
    --radius-xl: 1.75rem;
    --shadow-soft: 0 12px 32px -16px rgba(35, 42, 34, 0.28);
    --shadow-strong: 0 22px 48px -22px rgba(35, 42, 34, 0.45);
    --brand-gradient: linear-gradient(160deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    --olive-color: #5d7a33;
    --mourning-bg: #d9dbd3;
    --mourning-border: #c2c5b9;
    --cork-color: #c08f57;
    --cork-light: #d6ab77;
    --cork-dark: #8a6236;
    --cork-frame: #7a5230;
    --paper-color: #fdfaef;
    --paper-alt: #f6efdb;
    --paper-alt-2: #eef3e6;
    --pin-color: #b3261e;
    --martyr-blood-color: #b3261e;
}