/*
 * Al-Husseini design tokens (frontend roadmap F0).
 * Single source for brand color, type, spacing, radius, elevation, focus and touch sizes.
 * Values equal what the admin theme used before F0; head-css.blade.php's :root
 * variables (--brand-*, --vz-border-radius*, fonts) reference these tokens.
 * New CSS uses --ah-* tokens only, never literals.
 */
:root {
    /* Color: brand (Al-Husseini emblem) */
    --ah-color-primary: #1a4480;
    --ah-color-primary-dark: #123363;
    --ah-color-primary-light: #2563eb;
    --ah-color-accent: #c59b27;
    --ah-color-accent-strong: #d4af37;
    --ah-color-accent-soft: #fdf5d7;
    --ah-color-ink: #0c141f;

    /* Color: semantic (follow Bootstrap/theme, so dark mode stays consistent) */
    --ah-color-success: var(--bs-success);
    --ah-color-warning: var(--bs-warning);
    --ah-color-danger: var(--bs-danger);
    --ah-color-info: var(--bs-info);

    /* Typography */
    --ah-font-sans: 'Cairo', 'Almarai', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --ah-font-sans-short: 'Cairo', 'Almarai', sans-serif;
    --ah-font-numeric: 'Outfit', 'Poppins', 'Segoe UI', Consolas, monospace;
    --ah-fs-xs: 0.75rem;
    --ah-fs-sm: 0.875rem;
    --ah-fs-md: 1rem;
    --ah-fs-lg: 1.125rem;
    --ah-fs-xl: 1.25rem;
    --ah-fs-2xl: 1.5rem;
    --ah-fw-regular: 400;
    --ah-fw-medium: 500;
    --ah-fw-semibold: 600;
    --ah-fw-bold: 700;
    --ah-line-height: 1.68;

    /* Spacing (matches Bootstrap spacers 1-5, extended) */
    --ah-space-1: 0.25rem;
    --ah-space-2: 0.5rem;
    --ah-space-3: 1rem;
    --ah-space-4: 1.5rem;
    --ah-space-5: 3rem;
    --ah-space-6: 4rem;

    /* Radius */
    --ah-radius-sm: 0.375rem;
    --ah-radius-md: 0.5rem;
    --ah-radius-lg: 0.75rem;
    --ah-radius-xl: 0.875rem;
    --ah-radius-2xl: 1rem;
    --ah-radius-pill: 50rem;

    /* Elevation (button glows used by the theme) */
    --ah-shadow-sm: 0 2px 6px rgba(22, 59, 112, 0.25);
    --ah-shadow-md: 0 4px 12px rgba(26, 68, 128, 0.25);
    --ah-shadow-lg: 0 4px 14px rgba(22, 59, 112, 0.38);

    /* Focus and touch */
    --ah-focus-ring-color: var(--ah-color-primary-light);
    --ah-focus-ring: 2px solid var(--ah-focus-ring-color);
    --ah-focus-ring-offset: 2px;
    --ah-touch-min: 44px;
}