/**
 * Theme Variables: Light Mode & Dark Mode
 * โทนสีเขียวมรกต-ทองราชการระดับพรีเมียม (Teal & Gold Royal Palette)
 */

:root {
  /* Common Accent Colors */
  --color-primary: #0d9488;          /* Teal / เขียวหัวเป็ดสว่าง */
  --color-primary-dark: #0f766e;     /* Emerald Teal เข้ม */
  --color-primary-light: #ccfbf1;    /* Teal พาสเทล */
  --color-primary-rgb: 13, 148, 136;

  --color-gold: #f59e0b;             /* ทองคำ */
  --color-gold-light: #fef08a;       /* ประกายทองอ่อน */
  --color-gold-dark: #b45309;        /* ทองบรอนซ์ */
  --color-gold-rgb: 245, 158, 11;

  --font-thai: 'Prompt', 'Sarabun', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --radius-full: 9999px;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.12);
  --shadow-gold: 0 8px 25px rgba(245, 158, 11, 0.35);

  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Light Theme (ค่าเริ่มต้นตามรูปภาพอ้างอิง) */
[data-theme="light"] {
  --bg-body: #f8fafc;
  --bg-card: #ffffff;
  --bg-header: rgba(255, 255, 255, 0.92);
  --bg-hero: linear-gradient(135deg, #f0fdfa 0%, #ffffff 50%, #f1f5f9 100%);
  --bg-secondary: #f1f5f9;
  --bg-input: #f8fafc;

  --text-main: #0f172a;
  --text-muted: #64748b;
  --text-light: #94a3b8;
  --text-primary: #0f766e;

  --border-color: #e2e8f0;
  --border-light: #f1f5f9;
  --card-hover-border: #99f6e4;

  --awards-bg: linear-gradient(180deg, #09403d 0%, #0c5752 40%, #0a4642 100%);
  --awards-text: #ffffff;
  --awards-subtext: #a7f3d0;
  --awards-card-bg: rgba(255, 255, 255, 0.07);
  --awards-card-border: rgba(255, 255, 255, 0.18);

  --hero-shape-1: #14b8a6;
  --hero-shape-2: #0f766e;
  --hero-shape-3: #5eead4;
}

/* Dark Theme (โหมดกลางคืนพรีเมียม สบายตา) */
[data-theme="dark"] {
  --bg-body: #090e17;
  --bg-card: #111a28;
  --bg-header: rgba(11, 19, 32, 0.92);
  --bg-hero: linear-gradient(135deg, #090e17 0%, #0f1c2e 60%, #0d282b 100%);
  --bg-secondary: #162235;
  --bg-input: #1a273e;

  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --text-light: #64748b;
  --text-primary: #2dd4bf;

  --border-color: #1e2e47;
  --border-light: #162438;
  --card-hover-border: #0d9488;

  --awards-bg: linear-gradient(180deg, #062322 0%, #093834 50%, #041817 100%);
  --awards-text: #ffffff;
  --awards-subtext: #6ee7b7;
  --awards-card-bg: rgba(255, 255, 255, 0.05);
  --awards-card-border: rgba(45, 212, 191, 0.25);

  --hero-shape-1: #0d9488;
  --hero-shape-2: #042f2e;
  --hero-shape-3: #115e59;
}