/**
 * 1-variables.css
 * Override parent theme CSS variables + define child design tokens.
 * Strategy: change the root, everything follows.
 *
 * Note: the parent injects --site-color and --body-bg-color at runtime via
 * `body{}`. We override under `body.adc-theme {}` so specificity wins
 * regardless of the order PHP emits its inline styles.
 */

/* ─── Override parent variables ─── */
body.adc-theme {
    /* Brand color — Sage Green from arabdown.net leaf logo */
    --site-color:            #6e9f44;
    --site-color-rgb:        110, 159, 68;
    --site-color-darker-1:   #5d8938;
    --site-color-darker-2:   #4e7530;
    --site-color-darker-3:   #3d6420;

    /* Clean, light backgrounds */
    --body-bg-color:         #f8f9f6;
    --dark-bg-color:         #1c1f18;

    /* Arabic-first font stack (parent uses Readex Pro) */
    --site-font: "IBM Plex Sans Arabic", "Tajawal", "Readex Pro", system-ui, sans-serif;

    /* Spacing — slightly tighter than parent's 50px for editorial rhythm */
    --glob-gap:              40px;
    --glob-border-radius:    6px;
}

/* ─── Child design tokens ─── */
:root {
    --adc-brand:        #6e9f44;
    --adc-brand-dark:   #3d6420;
    --adc-brand-soft:   #eef5e6;
    --adc-brand-mid:    #c8e0a8;

    --adc-bg:           #ffffff;
    --adc-bg-alt:       #f8f9f6;
    --adc-bg-card:      #ffffff;
    --adc-bg-hover:     #f4f7f0;

    --adc-text:         #1c1f18;
    --adc-text-muted:   #5c6356;
    --adc-text-faint:   #94a08a;

    --adc-border:       #e4e8de;
    --adc-border-mid:   #c8d0bf;

    --adc-shadow-xs:    0 1px 2px rgba(28, 31, 24, .04);
    --adc-shadow-sm:    0 2px 6px rgba(28, 31, 24, .06);
    --adc-shadow-md:    0 4px 16px rgba(28, 31, 24, .08);

    --adc-radius:       6px;
    --adc-radius-lg:    10px;
    --adc-radius-pill:  999px;

    --adc-gap-1:   4px;
    --adc-gap-2:   8px;
    --adc-gap-3:   12px;
    --adc-gap-4:   16px;
    --adc-gap-5:   24px;
    --adc-gap-6:   32px;
    --adc-gap-7:   48px;
    --adc-gap-8:   64px;

    --adc-text-xs:   .75rem;
    --adc-text-sm:   .875rem;
    --adc-text-base: 1rem;
    --adc-text-md:   1.0625rem;
    --adc-text-lg:   1.1875rem;
    --adc-text-xl:   1.25rem;
    --adc-text-2xl:  1.5rem;
    --adc-text-3xl:  1.875rem;
    --adc-text-4xl:  clamp(1.75rem, 1.4rem + 1.75vw, 2.5rem);
    --adc-text-hero: clamp(1.875rem, 1.4rem + 2.25vw, 3rem);

    --adc-lh-tight:   1.2;
    --adc-lh-heading: 1.35;
    --adc-lh-body:    1.75;
    --adc-lh-prose:   1.85;

    --adc-alert:      #c0392b;
    --adc-alert-soft: #fdf2f1;

    --adc-header-h:   64px;
}