/*
Theme Name:   Polashtoli Mart
Theme URI:    https://polashtoli.com
Description:  Complete WooCommerce eCommerce theme — Minimal & Fast, Indigo/Purple
Author:       RSD Tech
Author URI:   https://softdevrsd.mistyrose-finch-291744.hostingersite.com
Template:     envo-one
Version:      1.0.0
License:      GNU General Public License v2 or later
Text Domain:  polashtoli
Tags:         woocommerce, ecommerce, minimal, fast
*/

/* ═══════════════════════════════════════════════════════
   CSS VARIABLES
═══════════════════════════════════════════════════════ */
:root {
    /* Brand */
    --pm-primary:       #4f46e5;
    --pm-primary-dark:  #3730a3;
    --pm-primary-light: #eef2ff;
    --pm-accent:        #7c3aed;
    --pm-accent-light:  #f5f3ff;

    /* Neutrals */
    --pm-white:         #ffffff;
    --pm-bg:            #f8f9fc;
    --pm-bg-card:       #ffffff;
    --pm-border:        #e5e7eb;
    --pm-border-light:  #f3f4f6;

    /* Text */
    --pm-text-dark:     #111827;
    --pm-text-mid:      #4b5563;
    --pm-text-light:    #9ca3af;

    /* Status */
    --pm-success:       #16a34a;
    --pm-success-bg:    #dcfce7;
    --pm-warning:       #d97706;
    --pm-warning-bg:    #fef9c3;
    --pm-danger:        #dc2626;
    --pm-danger-bg:     #fee2e2;
    --pm-sale:          #ef4444;

    /* Layout */
    --pm-max-width:     1280px;
    --pm-radius-sm:     6px;
    --pm-radius-md:     12px;
    --pm-radius-lg:     18px;
    --pm-shadow-sm:     0 1px 3px rgba(0,0,0,0.07);
    --pm-shadow-md:     0 4px 16px rgba(0,0,0,0.09);
    --pm-shadow-lg:     0 10px 36px rgba(0,0,0,0.12);
    --pm-transition:    0.2s cubic-bezier(0.4,0,0.2,1);

    /* Typography */
    --pm-font:          'DM Sans', sans-serif;
    --pm-font-display:  'Syne', sans-serif;
}

/* ═══════════════════════════════════════════════════════
   RESET & BASE
═══════════════════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
    font-family: var(--pm-font) !important;
    font-size: 15px !important;
    color: var(--pm-text-dark) !important;
    background: var(--pm-bg) !important;
    line-height: 1.6 !important;
    -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }
a   { color: var(--pm-primary); text-decoration: none; transition: color var(--pm-transition); }
a:hover { color: var(--pm-primary-dark); }

.container {
    max-width: var(--pm-max-width) !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    width: 100% !important;
}