/*
Theme Name: Nha Phuong Theme
Theme URI: https://nhaphuong.vn
Author: Nha Phuong Team
Author URI: https://nhaphuong.vn
Description: Giao diện chính thức website Nha Phuong - B2B & Phân phối sản phẩm. Thiết kế chuẩn 1:1 theo Figma "Nha Phuong - Website Redesign".
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: nhaphuong-theme
Tags: b2b, catalog, distribution, responsive-layout, custom-menu
*/

/* ==========================================================================
   CSS CUSTOM PROPERTIES (DESIGN TOKENS FROM FIGMA NHÃ PHƯƠNG NODE 99:2)
   ========================================================================== */
:root {
    /* Brand Colors (Màu đỏ thương hiệu Nhã Phương) */
    --color-primary: #C41230;
    --color-primary-dark: #9E0E26;
    --color-primary-darker: #7E0A1E;
    --color-primary-light: #DE2B49;
    --color-primary-soft: #FDE8EB;
    --color-primary-subtle: #FFF1F3;

    /* Semantic Primary Aliases */
    --nhaphuong-primary: var(--color-primary);
    --nhaphuong-primary-dark: var(--color-primary-dark);
    --nhaphuong-primary-light: var(--color-primary-light);
    --nhaphuong-primary-soft: var(--color-primary-soft);

    /* Backward Compatibility Aliases */
    --vtipz-primary: var(--color-primary);
    --vtipz-primary-dark: var(--color-primary-dark);
    --vtipz-primary-light: var(--color-primary-light);

    /* Accent & Gold (Hotline, Rating Stars, Huy hiệu) */
    --color-accent: #C41230;
    --color-accent-hover: #9E0E26;
    --color-gold: #F5BD06;
    --color-gold-dark: #D4A017;
    --vtipz-accent: var(--color-accent);
    --vtipz-accent-hover: var(--color-accent-hover);
    --vtipz-gold: var(--color-gold);

    /* Neutral & Background */
    --color-bg-white: #FFFFFF;
    --color-bg-light: #F8F9FA;
    --color-bg-soft: #F3F4F6;
    --color-bg-card: #FFFFFF;
    --vtipz-bg-light: var(--color-bg-light);
    --vtipz-bg-soft: var(--color-bg-soft);
    --vtipz-bg-soft-blue: var(--color-primary-soft);
    --vtipz-bg-card: var(--color-bg-card);

    /* Dark / Navy / Footer & Contrast Sections */
    --color-dark-navy: #111827;
    --color-footer-bg: #111827;
    --color-footer-surface: #1F2937;
    --color-topbar-bg: #181B1E;
    --color-bg-dark: #111827;
    --nhaphuong-bg-dark: var(--color-dark-navy);
    --vtipz-bg-dark: var(--color-dark-navy);
    --vtipz-dark-navy: var(--color-dark-navy);

    /* Text Colors */
    --color-text-dark: #111827;
    --color-text-heading: #111827;
    --color-text-body: #374151;
    --color-text-muted: #6B7280;
    --color-text-white: #FFFFFF;
    --vtipz-text-dark: var(--color-text-dark);
    --vtipz-text-heading: var(--color-text-heading);
    --vtipz-text-body: var(--color-text-body);
    --vtipz-text-muted: var(--color-text-muted);
    --vtipz-text-white: var(--color-text-white);

    /* Status Colors */
    --color-success: #10B981;
    --color-warning: #F59E0B;
    --color-danger: #EF4444;
    --vtipz-success: var(--color-success);
    --vtipz-warning: var(--color-warning);
    --vtipz-danger: var(--color-danger);

    /* Borders & Shadows */
    --color-border: #E5E7EB;
    --color-border-light: #F3F4F6;
    --color-border-search: #E5E7EB;
    --vtipz-border: var(--color-border);
    --vtipz-border-light: var(--color-border-light);
    --vtipz-border-search: var(--color-border-search);

    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.04);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.09), 0 4px 10px rgba(0, 0, 0, 0.04);
    --shadow-primary: 0 4px 16px rgba(196, 18, 48, 0.28);
    --vtipz-shadow-sm: var(--shadow-sm);
    --vtipz-shadow-md: var(--shadow-md);
    --vtipz-shadow-lg: var(--shadow-lg);

    /* Typography */
    --font-primary: 'Be Vietnam Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --font-secondary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --nhaphuong-font: var(--font-primary);
    --vtipz-font: var(--font-primary);

    /* Container & Layout (Figma 1440px Desktop) */
    --nhaphuong-container-max: 1440px;
    --nhaphuong-container: 1320px;
    --nhaphuong-container-wide: 1440px;
    --vtipz-container: 1320px;
    --vtipz-container-wide: 1440px;
    --vtipz-section-pad: 56px 0;

    /* Buttons */
    --btn-primary-bg: #C41230;
    --btn-primary-color: #FFFFFF;
    --btn-primary-hover-bg: #9E0E26;
    --btn-secondary-color: #C41230;
    --btn-radius: 8px;
    --btn-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}