/*
 Theme Name:   Astra Hotel PMS
 Theme URI:    https://scovietnam.com
 Description:  Custom child theme for SCO Vietnam Hotel PMS - Phần mềm Quản lý Khách sạn tích hợp Channel Manager
 Author:       SCO Vietnam
 Author URI:   https://scovietnam.com
 Template:     astra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  astra-hotel-pms
 Domain Path:  /languages
 Tags:         hotel, pms, channel-manager, booking, saas
*/

/* ==========================================================================
   CSS Variables / Design Tokens
   ========================================================================== */
:root {
    /* Primary Colors (Red) */
    --pms-primary: #FF0000;
    --pms-primary-dark: #CC0000;
    --pms-primary-light: #FF3333;
    --pms-primary-50: #FFE5E5;
    --pms-primary-100: #FFCCCC;

    /* Secondary Colors (Blue) */
    --pms-secondary: #00A0FD;
    --pms-secondary-dark: #0080CA;
    --pms-secondary-light: #33B3FD;

    /* Accent (Orange) */
    --pms-accent: #FF914D;
    --pms-accent-dark: #E68245;

    /* Neutrals */
    --pms-dark: #111827;
    --pms-gray-900: #1F2937;
    --pms-gray-800: #374151;
    --pms-gray-700: #4B5563;
    --pms-gray-600: #6B7280;
    --pms-gray-500: #9CA3AF;
    --pms-gray-400: #D1D5DB;
    --pms-gray-300: #E5E7EB;
    --pms-gray-200: #F3F4F6;
    --pms-gray-100: #F9FAFB;
    --pms-white: #FFFFFF;

    /* Status Colors */
    --pms-success: #10B981;
    --pms-warning: #F59E0B;
    --pms-error: #EF4444;
    --pms-info: #3B82F6;

    /* Typography */
    --pms-font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --pms-font-heading: 'Plus Jakarta Sans', var(--pms-font-primary);

    /* Spacing */
    --pms-section-padding: 80px 0;
    --pms-container-max: 1200px;

    /* Shadows */
    --pms-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --pms-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
    --pms-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --pms-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --pms-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

    /* Border Radius */
    --pms-radius-sm: 6px;
    --pms-radius: 8px;
    --pms-radius-md: 12px;
    --pms-radius-lg: 16px;
    --pms-radius-xl: 24px;

    /* Transitions */
    --pms-transition: all 0.3s ease;
}