/**
 * Theme Color Variables
 *
 * Default color palette for the Parsyn theme.
 * These values can be overridden from the WordPress admin panel:
 *   پیشخوان → تنظیمات → تنظیمات پارسین → رنگ‌های قالب
 *
 * Only the base colors are declared here; derived variables
 * (like --accent-color, --heading-color) reference them so that
 * changing a base color cascades automatically across the whole UI.
 *
 * @package ParsynTheme
 */

:root {
    /* ---------- Brand ---------- */
    --brand-color: #023382;
    --second-brand-color: #292929;

    /* ---------- Text ---------- */
    --dark-heading-color: #292929;
    --dark-text-color: #555555;
    --default-color: #292929;

    /* ---------- Accent ---------- */
    --second-accent-color: #fa9902;
    --axillary-color: #d6e5ff;
    --second-axillary-color: #ffe5cb;

    /* ---------- Surface ---------- */
    --background-color: #ffffff;
    --surface-color: #ffffff;
    --contrast-color: #ffffff;

    /* ---------- Derived (do NOT edit directly) ---------- */
    --heading-color: var(--dark-heading-color);
    --accent-color: var(--brand-color);
    --nav-color: var(--second-brand-color);
    --nav-hover-color: var(--brand-color);
    --nav-mobile-background-color: #ffffff;
    --nav-dropdown-background-color: #ffffff;
    --nav-dropdown-color: var(--second-brand-color);
    --nav-dropdown-hover-color: var(--brand-color);
}