/* ==========================================================================
   中沙领航 (Saudi-China Navigation) — 设计系统变量
   品牌色: 沙特深绿 + 金色
   ========================================================================== */

:root {
  /* 强制浅色模式，防止移动端浏览器暗色模式反转颜色 */
  color-scheme: light only;

  /* 品牌色 */
  --color-primary: #006C35;
  --color-primary-dark: #004D26;
  --color-primary-light: #E6F4EE;
  --color-primary-hover: #008542;
  --color-accent: #C9A961;
  --color-accent-dark: #A88947;
  --color-accent-light: #F5EFE0;

  /* 中性色 */
  --color-text: #1A1A1A;
  --color-text-secondary: #667085;
  --color-text-tertiary: #98A2B3;
  --color-bg: #FFFFFF;
  --color-bg-alt: #F8F9FA;
  --color-bg-dark: #0A2A1C;
  --color-border: #E4E7EC;

  /* 功能色 */
  --color-success: #16A34A;
  --color-error: #E54545;
  --color-info: #1A8CFF;

  /* 间距 */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;
  --space-3xl: 96px;

  /* 圆角 */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* 阴影 */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, .10);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);
  --shadow-primary: 0 4px 16px rgba(0, 108, 53, .25);

  /* 字体 */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC",
               "WenQuanYi Micro Hei", sans-serif;
  --font-serif: Georgia, "Songti SC", serif;

  /* 过渡 */
  --transition-fast: .15s ease;
  --transition-base: .25s ease;

  /* 布局 */
  --container-max: 1200px;
  --nav-height: 64px;
}