/* Explain: Design tokens: navy/gold palette, fonts, radii, shadows, gradients. */
:root {
    --primary-color: #0a1d3a;
    --primary-hover: #14294c;
    --primary-soft: #102a4e;
    --secondary-color: #c9a962;
    --secondary-hover: #a98a45;
    --accent-color: #e7d3a1;
    --background-color: #ffffff;
    --surface-color: #f6f8fb;
    --surface-dark: #071426;
    --text-color: #101a2c;
    --text-muted: #5a6577;
    --text-on-dark: #eaf0f8;
    --border-color: #e2e7ee;
    --font-heading: 'Tajawal', 'Cairo', sans-serif;
    --font-body: 'Cairo', sans-serif;
    --radius-sm: 0.5rem;
    --radius-md: 1rem;
    --radius-lg: 1.5rem;
    --shadow-soft: 0 10px 40px rgba(10, 29, 58, 0.08);
    --shadow-card: 0 18px 50px rgba(10, 29, 58, 0.14);
    --gold-gradient: linear-gradient(135deg, #ddc07a 0%, #c9a962 50%, #a98a45 100%);
}