/*
Theme Name:        Smart Directory Pro Theme V4
Theme URI:         https://smartdirectorypro.com
Author:            Smart Directory Pro
Author URI:        https://smartdirectorypro.com
Description:       Premium companion theme for Smart Directory Pro plugin. Features 10 switchable color schemes, directory landing page, and premium listing templates.
Version:           4.0.0
Requires at least: 6.4
Tested up to:      6.7
Requires PHP:      7.4
License:           GNU General Public License v2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       smart-directory-pro-theme-v4
Tags:              directory, listings, business-directory, custom-colors, custom-logo, custom-menu, featured-images, full-site-editing, responsive-layout, two-columns, left-sidebar, right-sidebar, wide-blocks

This theme is a premium companion for the Smart Directory Pro plugin.
It is released under the GPL v2 license.
*/

/* ==========================================================================
   BASE RESET & VARIABLES
   ========================================================================== */

:root {
    /* Color scheme — defaults to Emerald Green; overridden by Customizer */
    --sdp-primary:       #10b981;
    --sdp-primary-dark:  #059669;
    --sdp-primary-light: #d1fae5;
    --sdp-accent:        #f59e0b;
    --sdp-text:          #0f172a;
    --sdp-bg:            #ffffff;

    /* Neutral palette */
    --sdp-slate-50:   #f8fafc;
    --sdp-slate-100:  #f1f5f9;
    --sdp-slate-200:  #e2e8f0;
    --sdp-slate-300:  #cbd5e1;
    --sdp-slate-400:  #94a3b8;
    --sdp-slate-500:  #64748b;
    --sdp-slate-600:  #475569;
    --sdp-slate-700:  #334155;
    --sdp-slate-800:  #1e293b;
    --sdp-slate-900:  #0f172a;

    /* Typography */
    --sdp-font:         'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --sdp-font-mono:    'JetBrains Mono', 'Fira Code', monospace;

    /* Spacing */
    --sdp-space-1:  4px;
    --sdp-space-2:  8px;
    --sdp-space-3:  12px;
    --sdp-space-4:  16px;
    --sdp-space-5:  20px;
    --sdp-space-6:  24px;
    --sdp-space-8:  32px;
    --sdp-space-10: 40px;
    --sdp-space-12: 48px;
    --sdp-space-16: 64px;
    --sdp-space-20: 80px;
    --sdp-space-24: 96px;

    /* Border radius */
    --sdp-radius-sm:  6px;
    --sdp-radius:     10px;
    --sdp-radius-lg:  16px;
    --sdp-radius-xl:  24px;
    --sdp-radius-full: 9999px;

    /* Shadows */
    --sdp-shadow-xs:  0 1px 2px rgba(0,0,0,.05);
    --sdp-shadow-sm:  0 2px 8px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
    --sdp-shadow:     0 4px 16px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);
    --sdp-shadow-md:  0 8px 24px rgba(0,0,0,.10), 0 4px 8px rgba(0,0,0,.05);
    --sdp-shadow-lg:  0 16px 48px rgba(0,0,0,.12), 0 8px 16px rgba(0,0,0,.06);
    --sdp-shadow-xl:  0 24px 64px rgba(0,0,0,.14), 0 12px 24px rgba(0,0,0,.08);

    /* Transitions */
    --sdp-transition: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --sdp-transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);

    /* Container */
    --sdp-container: 1280px;
    --sdp-container-sm: 768px;

    /* Header */
    --sdp-header-h: 64px;
}