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

:root{
  --primary-color:    #0056b3;           /* Primary branding color (deep blue) */
  --secondary-color:  #007bff;           /* Secondary accent color (lighter blue) */
  --accent-color:     #ff8c00;           /* Highlight/Accent color (orange) */
  --dark-color:       #1a202c;           /* Main dark color (for backgrounds, text) */
  --darker-color:     #11151c;           /* Even darker color (for overlays/contrast) */
  --light-color:      #f8f9fa;           /* Light background color */
  --text-color:       #4a5568;           /* Standard body text color */
  --white-color:      #fff;              /* Pure white for backgrounds/text */
  --border-color:     #e2e8f0;           /* Neutral border color */
  --box-shadow:       0 4px 15px rgba(0,0,0,.1); /* Default box shadow for depth */

  --font-primary:     'Poppins','Noto Sans SC',sans-serif;      /* Main font stack */
  --font-secondary:   'Noto Sans SC',sans-serif;                /* Secondary font stack (for Chinese text) */
}