@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap');

:root {
  /* Color Palette */
  --primary-color: #8A1538;       /* Burgundy Red */
  --primary-light: #A12347;
  --primary-dark: #5E0920;
  --secondary-color: #1B365D;     /* Dark Navy */
  --secondary-light: #2A487E;
  --secondary-dark: #0F233F;
  --accent-color: #7F8C8D;        /* Slate Grey */
  --accent-success: #10B981;      /* Success Green */
  
  /* Neutral Palette */
  --bg-main: #F5F7FA;
  --bg-card: #FFFFFF;
  --bg-footer: #0D1627;
  --text-main: #2C3E50;
  --text-muted: #6B7280;
  --text-light: #F3F4F6;
  --text-heading: #1B365D;
  
  /* Borders & Shadows */
  --border-color: #E5E7EB;
  --border-radius-sm: 6px;
  --border-radius-md: 12px;
  --border-radius-lg: 24px;
  
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-premium: 0 20px 25px -5px rgba(26, 46, 90, 0.08), 0 10px 10px -5px rgba(26, 46, 90, 0.04);
  
  /* Typography */
  --font-thai: 'Noto Sans Thai', sans-serif;
  --font-latin: 'Inter', sans-serif;
  --font-chinese: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  
  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  
  /* Layout constraints */
  --max-width: 1280px;
  --header-height: 80px;
}

/* Base resets */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-thai);
  background-color: var(--bg-main);
  color: var(--text-main);
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* Allow Inter font for English characters specifically if needed, 
   but since Noto Sans Thai handles Latin well or they fall back, 
   we can apply Inter for numerals or specific alphanumeric items */
.en-text {
  font-family: var(--font-latin);
}

/* Chinese bilingual text styles */
.zh-text {
  font-family: var(--font-chinese);
  color: var(--text-muted);
  font-size: 0.9em;
  line-height: 1.7;
  margin-top: 4px;
  letter-spacing: 0.02em;
}

.zh-heading {
  font-family: var(--font-chinese);
  color: var(--accent-color);
  font-size: 0.85em;
  font-weight: 500;
  margin-top: 2px;
  letter-spacing: 0.02em;
}

.zh-sub {
  font-family: var(--font-chinese);
  color: var(--text-muted);
  font-size: 0.82em;
  margin-top: 2px;
}