@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');

:root {
    --bg-primary: #0a0f1d;        /* Deep Midnight Blue */
    --bg-secondary: #111827;      /* Dark Slate Blue */
    --text-primary: #f8fafc;      /* White Grownth Text */
    --text-muted: #ffffff;        /* white Text */
    --accent-gold: #ffae00;       /* Gold Yellow */
    --accent-gold-light: #fffbeb; /* White Gold for hightlight */
    --border-color: rgba(255, 223, 0, 0.25); /* Border Gold */
    
    --font-heading: 'Playfair Display', serif; /* ENG */
    --font-body: "Athiti", sans-serif;         /* THAI */
    --font-accent: 'Charm', cursive;            /* Hightlight */
    
    --transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}