@import url(/css/partials/nav.css);
@import url(/css/partials/footer.css);

@import url(/css/anm.css);
@import url(/css/partials/nav-stay.css);

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Athiti:wght@200;300;400;500;600;700&family=Noto+Sans+Thai:wght@100..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.3.1/css/all.min.css');

* {
    font-family: 'Noto Sans Thai', sans-serif ;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    /* Primary Brand Colors - โทนส้มพรีเมียม และส้มอบอุ่นหรูหรา */
    --ph-primary: #e67e22;
    --ph-primary-hover: #f39c12;
    --ph-primary-light: rgba(230, 126, 34, 0.12);
    --ph-primary-light-hover: rgba(230, 126, 34, 0.18);
    --ph-primary-border: rgba(230, 126, 34, 0.3);
    --ph-primary-glow: rgba(230, 126, 34, 0.15);
    --ph-primary-glow-hover: rgba(230, 126, 34, 0.3);

    /* Eco / Success Green Theme (ปรับให้เข้ากับโทนเข้ม หรูหรา) */
    --ph-eco-primary: #10b981;
    --ph-eco-hover: #34d399;
    --ph-eco-light: rgba(16, 185, 129, 0.12);
    --ph-eco-border: rgba(16, 185, 129, 0.25);
    --ph-eco-glow: rgba(16, 185, 129, 0.1);
    --ph-eco-glow-hover: rgba(16, 185, 129, 0.3);
    --ph-eco-text: #34d399;

    /* Dark Immersive & Surface Colors (โทนสีมืดอบอุ่น สบายตา) */
    --ph-dark-bg: #1a1816;
    --ph-dark-card: #262320;
    --ph-dark-overlay-1: rgba(26, 24, 22, 0.95);
    --ph-dark-overlay-2: rgba(26, 24, 22, 0.75);
    --ph-dark-overlay-3: rgba(26, 24, 22, 0.4);
    --ph-dark-overlay-4: rgba(26, 24, 22, 0.98);
    --ph-dark-overlay-5: rgba(26, 24, 22, 0.7);
    --ph-dark-overlay-6: rgba(26, 24, 22, 0.35);
    --ph-dark-overlay-7: rgba(26, 24, 22, 0.9);
    --ph-dark-overlay-8: rgba(26, 24, 22, 0.99);

    /* Accent & Warning Colors (ปรับ Accent เป็นโทนส้มทอง) */
    --ph-accent-gold: #e67e22;
    --ph-accent-gold-rgb: 230, 126, 34;
    --ph-warning: #f59e0b;

    /* Neutral & Background Colors สำหรับ Dark Theme ทั้งหมด */
    --ph-bg-light: #211e1b;        /* พื้นหลังส่วนย่อยในโทนมืด */
    --ph-white: #262320;            /* การ์ดและกล่องคอนเทนต์หลัก */
    --ph-text-dark: #f4f1ea;        /* หัวข้อหลัก (สีขาวนวลสบายตา ไม่แสบตา) */
    --ph-text-body: #c5bfae;        /* ข้อความบรรยายเนื้อหา */
    --ph-text-muted: #a8a29e;       /* ข้อความรอง / รายละเอียดเล็กๆ */
    --ph-text-light: #e7e2d8;       /* ข้อความสว่างบนพื้นหลังเข้ม */
    --ph-border-color: #3e3a36;     /* เส้นขอบ (โทนเข้มกลมกลืน) */
    --ph-border-light: #322e2a;     /* เส้นขอบรอง */
}