/*!
 * Theme Name:  CEF Shop Child
 * Theme URI:   https://shop.cef.org.pk
 * Description: Child theme of Divi for CEF Book Shop — branding matches cef.org.pk website.
 *              Layout inspired by Liberty Books (libertybooks.com).
 *              Colors: Primary #054a6a (dark blue), Secondary #8abe41 (green).
 *              Font: Poppins (Google Fonts).
 * Author:      Character Education Foundation
 * Author URI:  https://cef.org.pk
 * Template:    Divi
 * Version:     1.5.6
 * License:     GNU General Public License v2 or later
 */

/* ============================================================
   CEF Design Tokens (CSS Custom Properties)
   All colors, fonts, and spacing use these variables so the
   entire theme can be re-branded from one place.
   ============================================================ */
:root {
    /* Brand colors — matches cef.org.pk React app styles.css */
    --cef-primary:          #054a6a;   /* Dark navy blue */
    --cef-primary-dark:     #033a56;   /* Hover/active state */
    --cef-primary-light:    #e8f4f9;   /* Light tint for backgrounds */
    --cef-secondary:        #8abe41;   /* Green accent */
    --cef-secondary-dark:   #6fa030;   /* Green hover */
    --cef-danger:           #c5310d;   /* Red/Donate button */

    /* Neutral palette */
    --cef-white:            #ffffff;
    --cef-off-white:        #f7f8fa;
    --cef-light-gray:       #f3f3f3;
    --cef-border:           #e2e8f0;
    --cef-text:             #2d2d2d;
    --cef-text-muted:       #6b7280;
    --cef-text-light:       #9ca3af;

    /* Typography — Poppins loaded in functions.php via Google Fonts */
    --cef-font:             'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Spacing */
    --cef-radius:           8px;
    --cef-radius-md:        10px;
    --cef-radius-lg:        12px;
    --cef-radius-xl:        16px;
    --cef-shadow:           0 2px 12px rgba(5, 74, 106, 0.10);
    --cef-shadow-lg:        0 8px 32px rgba(5, 74, 106, 0.16);

    /* Layout */
    --cef-container:        1200px;
    --cef-navbar-height:    70px;
}