/*
Theme Name:  Fantastic Dokan
Theme URI:   https://fantasticdokan.com
Author:      Wahid
Author URI:  https://fantasticdokan.com
Description: High-performance, vanilla-first WooCommerce theme for Fantastic Dokan. Zero page-builder dependencies on transactional pages. Engineered for high-volume dropshipping operations.
Version:     1.0.1
Requires at least: 6.4
Tested up to:      6.7
Requires PHP:      8.2
License:     Private
Text Domain: fantastic-dokan
requires plugin: woocommerce
*/

/* ============================================================
   DESIGN TOKENS
   Single source of truth for all visual decisions.
   Core colors are overridden dynamically by FD_Core_Design_Token_Sync
   when an active Elementor kit is present.
   ============================================================ */

:root {

    /* --- Brand --- */
    --fd-orange:        #F05A00;
    --fd-orange-light:  #FF7A2F;
    --fd-orange-dark:   #C44A00;
    --fd-orange-subtle: #FFF3EC;

    /* --- Neutrals --- */
    --fd-black:         #1A1A1A;
    --fd-gray-900:      #2D2D2D;
    --fd-gray-700:      #4A4A4A;
    --fd-gray-500:      #767676;
    --fd-gray-300:      #C4C4C4;
    --fd-gray-100:      #F0F0F0;
    --fd-white:         #FFFFFF;

    /* --- Surface layers --- */
    --fd-surface-1:     #FFFFFF;
    --fd-surface-2:     #F8F8F8;
    --fd-surface-3:     #F0F0F0;

    /* --- Semantic --- */
    --fd-success:       #1A8C4E;
    --fd-danger:        #D93025; 
    --fd-warning:       #F59E0B;

    /* --- Typography --- */
    --fd-font-display:  'Plus Jakarta Sans', 'Noto Sans Bengali', sans-serif;
    --fd-font-body:     'Inter', 'Noto Sans Bengali', sans-serif;
    --fd-font-ui:       'Inter', sans-serif;

    /* --- Type scale --- */
    --fd-text-xs:   0.75rem;    /* 12px */
    --fd-text-sm:   0.875rem;   /* 14px */
    --fd-text-base: 1rem;       /* 16px */
    --fd-text-lg:   1.125rem;   /* 18px */
    --fd-text-xl:   1.25rem;    /* 20px */
    --fd-text-2xl:  1.5rem;     /* 24px */
    --fd-text-3xl:  1.875rem;   /* 30px */
    --fd-text-4xl:  2.25rem;    /* 36px */

    /* --- Spacing --- */
    --fd-space-1:   0.25rem;
    --fd-space-2:   0.5rem;
    --fd-space-3:   0.75rem;
    --fd-space-4:   1rem;
    --fd-space-5:   1.25rem;
    --fd-space-6:   1.5rem;
    --fd-space-8:   2rem;
    --fd-space-10:  2.5rem;
    --fd-space-12:  3rem;
    --fd-space-16:  4rem;

    /* --- Border radius --- */
    --fd-radius-sm:   4px;
    --fd-radius-md:   8px;
    --fd-radius-lg:   12px;
    --fd-radius-xl:   16px;
    --fd-radius-pill: 999px;

    /* --- Shadows --- */
    --fd-shadow-sm:     0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
    --fd-shadow-md:     0 4px 12px rgba(0,0,0,0.10), 0 2px 4px rgba(0,0,0,0.06);
    --fd-shadow-lg:     0 10px 30px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.06);
    --fd-shadow-orange: 0 4px 16px rgba(240, 90, 0, 0.28);

    /* --- Transitions --- */
    --fd-transition-fast: 150ms ease;
    --fd-transition-base: 250ms ease;
    --fd-transition-slow: 400ms ease;

    /* --- Layout --- */
    --fd-container-max: 1280px;
    --fd-container-pad: 1rem;
    --fd-header-height: 64px;
}