/**
 * Mohamed Saleh V2 — Proposed Foundation Tokens
 * Reference only. NOT enqueued by the safe-refactor package.
 */

:root {
    /* Brand */
    --ms-color-blue: #4A7CC6;
    --ms-color-blue-hover: #356CB8;
    --ms-color-orange: #F79A10;
    --ms-color-orange-hover: #E68900;
    --ms-color-navy: #354963;
    --ms-color-dark: #243447;

    /* Text */
    --ms-color-heading: #1B2430;
    --ms-color-body: #4F5B6A;
    --ms-color-text: var(--ms-color-body);
    --ms-color-muted: #7B8794;
    --ms-color-muted-readable: #68768A;

    /* Surfaces */
    --ms-color-bg: #F6F8FB;
    --ms-color-white: #FFFFFF;
    --ms-color-surface: var(--ms-color-white);
    --ms-color-soft-blue: #EEF5FD;
    --ms-color-soft-orange: #FFF4E5;
    --ms-color-border: #DCE3EA;
    --ms-color-border-soft: #EDF1F5;

    /* Semantic only */
    --ms-color-success: #2F855A;
    --ms-color-danger: #B42318;
    --ms-color-warning-text: #9A5A00;

    /* Typography */
    --ms-font-sans: "Tajawal", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ms-font-size-display: clamp(2.25rem, 3.35vw, 2.875rem);
    --ms-font-size-h1: clamp(1.875rem, 3vw, 2.625rem);
    --ms-font-size-h2: clamp(1.5rem, 2.3vw, 2.125rem);
    --ms-font-size-h3: clamp(1.125rem, 1.7vw, 1.5rem);
    --ms-font-size-h4: 1.125rem;
    --ms-font-size-lead: 1.0625rem;
    --ms-font-size-body: 1rem;
    --ms-font-size-small: .875rem;
    --ms-font-size-meta: .75rem;
    --ms-line-heading: 1.42;
    --ms-line-body: 1.85;
    --ms-line-article: 2;

    /* Layout */
    --ms-container-wide: 1240px;
    --ms-container: 1180px;
    --ms-container-medium: 980px;
    --ms-container-copy: 760px;
    --ms-container-reading: 820px;
    --ms-gutter: clamp(16px, 2.4vw, 24px);

    /* Spacing */
    --ms-space-1: 4px;
    --ms-space-2: 8px;
    --ms-space-3: 12px;
    --ms-space-4: 16px;
    --ms-space-5: 20px;
    --ms-space-6: 24px;
    --ms-space-8: 32px;
    --ms-space-10: 40px;
    --ms-space-12: 48px;
    --ms-space-14: 56px;
    --ms-space-16: 64px;
    --ms-space-18: 72px;
    --ms-space-20: 80px;
    --ms-section-space: clamp(48px, 6vw, 72px);
    --ms-section-space-lg: clamp(56px, 7vw, 80px);

    /* Radius */
    --ms-radius-sm: 8px;
    --ms-radius-md: 12px;
    --ms-radius-lg: 16px;
    --ms-radius-xl: 18px;
    --ms-radius-pill: 999px;

    /* Elevation */
    --ms-shadow-sm: 0 6px 20px rgba(27, 36, 48, .04);
    --ms-shadow-md: 0 14px 38px rgba(36, 52, 71, .07);
    --ms-shadow-hover: 0 18px 44px rgba(27, 36, 48, .10);

    /* Motion */
    --ms-motion-fast: 160ms ease;
    --ms-motion-normal: 220ms ease;

    /* Global UI */
    --ms-header-offset: 96px;
}