/* ============================================================
   GoodnessLovers — variables.css
   Runtime CSS custom properties.
   This is the browser-facing counterpart of _variables.scss.
   Load this file FIRST on any page that uses var(--gl-*).
   To update a token, change it here AND in _variables.scss.
   ============================================================ */
:root {
    /* ?? Brand palette ???????????????????????????????????????? */
    --gl-primary:           #1a7f64;
    --gl-primary-dark:      #14664f;
    --gl-primary-light:     #e8f5f0;
    --gl-accent:            #e8a020;
    --gl-accent-dark:       #c4871a;
    --gl-dark:              #1c2b2b;
    --gl-charcoal:          #2d3e3e;
    --gl-light:             #f2faf7;
    --gl-muted:             #5a7070;

    /* ?? Borders & shape ?????????????????????????????????????? */
    --gl-border-color:      #d8e3e0;
    --gl-border-radius:     0.5rem;
    --gl-border-radius-lg:  0.75rem;

    /* ?? Shadows ?????????????????????????????????????????????? */
    --gl-shadow-sm:         0 1px 2px rgba(0, 0, 0, 0.05);
    --gl-shadow:            0 4px 6px rgba(0, 0, 0, 0.07);
    --gl-shadow-lg:         0 10px 15px rgba(0, 0, 0, 0.1);

    /* ?? Transitions ?????????????????????????????????????????? */
    --gl-transition:        all 0.2s ease-in-out;

    /* ?? Typography ??????????????????????????????????????????? */
    --gl-font-base:         'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --gl-font-arabic:       'Cairo', 'Inter', sans-serif;

    /* ?? Bootstrap / Tabler pass-through ????????????????????? */
    --bs-primary:           #1a7f64;
    --bs-primary-rgb:       26, 127, 100;
    --bs-dark:              #1c2b2b;
    --bs-dark-rgb:          28, 43, 43;
    --bs-link-color:        #1a7f64;
    --bs-link-hover-color:  #14664f;
    --bs-body-color:        #1c2b2b;
}