/* ACC_PLAT Styles v1.0 — Shared Frontend
 * المتغيّرات المشتركة للواجهة الأمامية. الموديولات الأمامية تستهلكها عبر var().
 * تُحمَّل مرة واحدة عبر M-00 على wp_enqueue_scripts.
 */

:root {
    /* الخطوط */
    --font-sans: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --font-mono: 'SF Mono', 'JetBrains Mono', 'Fira Code', monospace;

    /* ألوان الخلفية */
    --color-background-primary:   #ffffff;
    --color-background-secondary: #f8f9fa;
    --color-background-success:   #e6f4ea;
    --color-background-warning:   #fef7e0;
    --color-background-info:      #e8f0fe;
    --color-background-danger:    #fce8e6;
    --color-background-dark:      #1d2327;

    /* ألوان النصوص */
    --color-text-primary:   #202124;
    --color-text-secondary: #5f6368;
    --color-text-ondark:    #f0f0f1;
    --color-text-success:   #1e8e3e;
    --color-text-warning:   #e37400;
    --color-text-info:      #1967d2;
    --color-text-danger:    #d93025;

    /* ألوان الحدود */
    --color-border-secondary: #e8eaed;
    --color-border-tertiary:  #dadce0;
    --color-border-info:      #b3d4fc;

    /* أنصاف أقطار الحواف */
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 12px;
    --border-radius-xl: 16px;

    /* الظلال */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, .12);
    --shadow-lg: 0 4px 16px rgba(0, 0, 0, .16);

    /* المسافات */
    --space-xs:  4px;
    --space-sm:  8px;
    --space-md:  16px;
    --space-lg:  24px;
    --space-xl:  32px;
    --space-2xl: 48px;
}