/*
Theme Name: Baniya Oasis Electronics
Theme URI: https://baniyasoasiselectronics.com
Author: Baniya Oasis
Author URI: https://baniyasoasiselectronics.com
Description: A premium, RTL-ready WooCommerce theme for Baniya Oasis Electronics — a Dubai, UAE electronics & mobile accessories retailer. Built for Elementor, WPML, and the modern WooCommerce stack.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: baniyaoasis
Tags: e-commerce, woocommerce, rtl-language-support, custom-colors, custom-menu, featured-images, full-width-template, translation-ready
WC requires at least: 7.0
WC tested up to: 9.5
*/

/* -------------------------------------------------------------------------
 * Baniya Oasis — Design Tokens
 * Most styling lives in /assets/css/*.css. This file holds the WordPress
 * theme header (required) plus the root design tokens shared everywhere.
 * ---------------------------------------------------------------------- */

:root {
    /* Brand palette — clean white body, strong colored header */
    --bo-primary:        #0a2540;   /* deep navy header */
    --bo-primary-dark:   #061a30;
    --bo-primary-light:  #14375e;
    --bo-accent:         #f7941d;   /* warm UAE-gold accent */
    --bo-accent-dark:    #d97c08;
    --bo-sale:           #e63946;   /* red/orange sale badge */
    --bo-sale-dark:      #c42c38;
    --bo-success:        #2a9d8f;

    /* Neutrals */
    --bo-body:           #ffffff;
    --bo-surface:        #f6f8fb;
    --bo-surface-2:      #eef2f7;
    --bo-border:         #e3e8ef;
    --bo-text:           #1c2530;
    --bo-text-muted:     #66707d;
    --bo-text-invert:    #ffffff;

    /* Typography */
    --bo-font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

    /* Shape & depth */
    --bo-radius-sm: 8px;
    --bo-radius:    14px;
    --bo-radius-lg: 22px;
    --bo-shadow-sm: 0 1px 3px rgba(10, 37, 64, .08);
    --bo-shadow:    0 6px 24px rgba(10, 37, 64, .10);
    --bo-shadow-lg: 0 18px 48px rgba(10, 37, 64, .16);

    /* Layout */
    --bo-container: 1320px;
    --bo-gap:       24px;
    --bo-header-h:  104px;

    /* Motion */
    --bo-ease: cubic-bezier(.22, .61, .36, 1);
    --bo-dur:  .28s;
}

/* The detailed rules are split into modular stylesheets enqueued from
 * functions.php in this order: main.css → woocommerce-custom.css →
 * elementor-compat.css → responsive.css → rtl.css (RTL only). */