/*
Theme Name: TermGeng
Theme URI: https://termgeng.com
Author: TermGeng Team
Author URI: https://termgeng.com
Description: Custom theme for TermGeng - Game Top-up Website. Built with Tailwind CSS, WooCommerce support, and Dark Mode.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: termgeng
Tags: e-commerce, woocommerce, dark-mode, tailwind, gaming, custom-colors, custom-logo

TermGeng - เว็บเติมเกมออนไลน์
Color Palette based on Brand CI:
- Primary Blue: #091B35, #172D5B, #2D59A2, #4A93FD
- Secondary: #D16D21 (Orange), #E6AE21 (Gold), #F7DB58 (Yellow)
- Neutral: #161616 (Dark), #FFFFFF (White)
- Font: Prompt (Thai)
*/

/* Base styles - Tailwind will handle most styling */
:root {
    /* Primary Colors */
    --color-primary-900: #091B35;
    --color-primary-700: #172D5B;
    --color-primary-500: #2D59A2;
    --color-primary-300: #4A93FD;
    
    /* Secondary Colors */
    --color-secondary-orange: #D16D21;
    --color-secondary-gold: #E6AE21;
    --color-secondary-yellow: #F7DB58;
    
    /* Neutral Colors */
    --color-dark: #161616;
    --color-black: #000000;
    --color-white: #FFFFFF;
    
    /* Theme Variables */
    --bg-primary: var(--color-white);
    --bg-secondary: #f8fafc;
    --text-primary: var(--color-dark);
    --text-secondary: #64748b;
}

/* Dark Mode Variables */
[data-theme="dark"] {
    --bg-primary: var(--color-primary-900);
    --bg-secondary: var(--color-primary-700);
    --text-primary: var(--color-white);
    --text-secondary: #94a3b8;
}

/* Smooth transitions for dark mode */
body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    transition: background-color 0.3s ease, color 0.3s ease;
}