/* Faith Essentials design tokens — sourced from figma-export/design-tokens.json. Load Kumbh Sans in each HTML : */ :root { /* Brand + status */ --fe-brand: #944bf6; --fe-brand-700: #6d28d9; --fe-brand-50: #f3ebff; --fe-info: #3267e3; --fe-info-tint: #d8e9ff; --fe-info-tint-subtle: #cae0ff; --fe-error: #cb3a32; --fe-success: #0ea5a3; /* Surfaces */ --fe-white: #ffffff; --fe-bg: #f5f6f5; --fe-bg-inverse: #212121; --fe-card-bg: #ffffff; --fe-border: #eaedeb; --fe-border-strong: #d7dbd9; /* Text */ --fe-text-primary: #2b2b2b; --fe-text-secondary: #484b48; --fe-text-tertiary: #8b8c8b; --fe-text-inverse: #ffffff; /* Type */ --fe-font: "Kumbh Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; /* Radius */ --fe-radius-sm: 10px; --fe-radius: 16px; --fe-radius-lg: 24px; --fe-radius-pill: 999px; /* Spacing scale (S/SM/M/ML from tokens) */ --fe-space-s: 12px; --fe-space-sm: 16px; --fe-space-m: 20px; --fe-space-ml: 24px; --fe-space-l: 32px; --fe-space-xl: 48px; /* Elevation */ --fe-shadow-card: 0px 2px 16px rgba(234, 237, 235, 1); --fe-shadow-pop: 0px 8px 28px rgba(43, 43, 43, 0.12); /* Category gradients (match seed-content categories) */ --grad-fiqh: linear-gradient(135deg, #944bf6, #6d28d9); --grad-spiritual: linear-gradient(135deg, #0ea5a3, #115e59); --grad-belief: linear-gradient(135deg, #2563eb, #1e3a8a); --grad-contemporary: linear-gradient(135deg, #d97706, #92400e); --grad-historical: linear-gradient(135deg, #be123c, #7f1d1d); --grad-worship: linear-gradient(135deg, #7c3aed, #4338ca); --grad-sciences: linear-gradient(135deg, #475569, #1e293b); }