:root {
  --color-primary: #0A5FB5;
  --color-secondary: #2E7ED6;
  --color-accent: #F6A400;
  --color-accent-hover: #E09400;
  --color-bg: #FFFFFF;
  --color-bg-light: #EEF6FF;
  --color-bg-gray: #F7F8FA;
  --color-text: #1E2A36;
  --color-text-secondary: #666666;
  --color-border: #E5E9EF;
  --color-white: #FFFFFF;
  --color-success: #1B8A5A;
  --color-filipino: #0A5FB5;
  --color-bangladeshi: #C45C26;
  --color-indonesian: #0D8A6A;

  --font-display: "Outfit", "Noto Sans TC", sans-serif;
  --font-body: "Noto Sans TC", "Outfit", sans-serif;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  --shadow-sm: 0 2px 8px rgba(30, 42, 54, 0.06);
  --shadow-md: 0 8px 24px rgba(10, 95, 181, 0.1);
  --shadow-lg: 0 16px 48px rgba(10, 95, 181, 0.14);

  --header-height: 72px;
  --container: 1200px;
  --transition: 0.25s ease;

  --glass-bg: rgba(255, 255, 255, 0.88);
  --glass-border: rgba(255, 255, 255, 0.55);
}