/* ============================================================
 * 儋州文旅 · 统一设计系统 Design Tokens
 * Design Theme: 海洋蓝 + 文化金 + 热带绿
 * ============================================================ */

:root {
  /* ---- 品牌主色：海洋蓝 Ocean Blue ---- */
  --color-primary:           #0F4C75;   /* 深海洋蓝 · 主品牌色 */
  --color-primary-light:     #1B6CA8;   /* 中蓝 · hover态 */
  --color-primary-lighter:   #3282B8;   /* 浅蓝 · 次级元素 */
  --color-primary-bg:        #E8F2F8;   /* 淡蓝 · 背景色 */

  /* ---- 渐变主色 ---- */
  --gradient-primary:        linear-gradient(135deg, #0F4C75 0%, #3282B8 100%);
  --gradient-hero:           linear-gradient(160deg, #0F4C75 0%, #1B6CA8 50%, #3282B8 100%);
  --gradient-hero-deep:      linear-gradient(160deg, #0A2F4A 0%, #0F4C75 50%, #1B6CA8 100%);

  /* ---- 文化金：千年文脉 Cultural Gold ---- */
  --color-gold:              #C9A962;   /* 文化金 · 苏轼文化 */
  --color-gold-light:        #E5C78A;   /* 浅金 · hover态 */
  --color-gold-deep:         #A68A42;   /* 深金 · 强调 */
  --gradient-gold:           linear-gradient(135deg, #C9A962 0%, #E5C78A 50%, #C9A962 100%);

  /* ---- 热带绿：生态儋州 Tropical Green ---- */
  --color-green:             #2D8F5C;   /* 热带雨林绿 */
  --color-green-light:       #5BB47E;   /* 浅绿 */
  --color-green-bg:          #E8F5ED;   /* 淡绿背景 */

  /* ---- 活力橙：滨海活力 Vitality Orange ---- */
  --color-orange:            #E8884C;   /* 朝阳橙 · 沙滩日落 */
  --color-orange-light:      #F5A86B;   /* 浅橙 */
  --gradient-sunset:         linear-gradient(135deg, #E8884C 0%, #F5A86B 100%);

  /* ---- 点缀色：珊瑚粉 Coral ---- */
  --color-coral:             #E86B6B;   /* 珊瑚红 · 节庆 */
  --color-coral-light:       #F59494;   /* 浅珊瑚 */

  /* ---- 中性灰 Neutrals ---- */
  --color-text-primary:      #1A1A1A;   /* 主文字 */
  --color-text-secondary:    #555555;   /* 次文字 */
  --color-text-tertiary:     #888888;   /* 辅助文字 */
  --color-text-inverse:      #FFFFFF;   /* 反白文字 */
  --color-text-muted:        rgba(255,255,255,0.6); /* 弱反白 */

  /* ---- 背景色 Backgrounds ---- */
  --bg-base:                 #F5F7FA;   /* 页面底色 */
  --bg-card:                 #FFFFFF;   /* 卡片白 */
  --bg-warm:                 #FAFAF8;   /* 暖色底 */
  --bg-dark:                 #1A2530;   /* 深色底 */
  --bg-gold:                 #FAF6EC;   /* 金色底 */

  /* ---- 功能色 Functional ---- */
  --color-success:           #2D8F5C;
  --color-warning:           #E8A020;
  --color-danger:            #E86B6B;
  --color-info:              #3282B8;

  /* ---- 圆角 Radii ---- */
  --radius-xs:               6px;
  --radius-sm:               10px;
  --radius-md:               14px;
  --radius-lg:               18px;
  --radius-xl:               24px;
  --radius-full:             999px;

  /* ---- 阴影 Shadows ---- */
  --shadow-sm:               0 2px 8px rgba(15, 76, 117, 0.06);
  --shadow-md:               0 4px 16px rgba(15, 76, 117, 0.08);
  --shadow-lg:               0 8px 28px rgba(15, 76, 117, 0.12);
  --shadow-xl:               0 16px 48px rgba(15, 76, 117, 0.18);
  --shadow-gold:             0 4px 20px rgba(201, 169, 98, 0.25);
  --shadow-glow:             0 0 40px rgba(201, 169, 98, 0.35);

  /* ---- 间距 Spacing ---- */
  --space-1:                 4px;
  --space-2:                 8px;
  --space-3:                 12px;
  --space-4:                 16px;
  --space-5:                 20px;
  --space-6:                 24px;
  --space-8:                 32px;
  --space-10:                40px;
  --space-12:                48px;
  --space-16:                64px;

  /* ---- 字体 Typography ---- */
  --font-family-base:        -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;
  --font-family-serif:       "Noto Serif SC", "Songti SC", "STSong", serif;
  --font-weight-light:       300;
  --font-weight-regular:     400;
  --font-weight-medium:      500;
  --font-weight-semibold:    600;
  --font-weight-bold:        700;

  /* ---- 字间距 Letter-spacing ---- */
  --tracking-tight:          -0.3px;
  --tracking-normal:         0;
  --tracking-wide:           1px;
  --tracking-wider:          2px;
  --tracking-widest:         4px;

  /* ---- 过渡 Transitions ---- */
  --transition-fast:         0.15s ease;
  --transition-base:         0.25s ease;
  --transition-slow:         0.4s ease;

  /* ---- 层级 Z-index ---- */
  --z-back:                  -1;
  --z-base:                  1;
  --z-sticky:                50;
  --z-overlay:               100;
  --z-modal:                 200;
  --z-toast:                 300;

  /* ---- 布局 Layout ---- */
  --mobile-max-width:        480px;
  --pc-max-width:            1200px;
  --navbar-height:           64px;
  --safe-top:                env(safe-area-inset-top, 44px);
  --safe-bottom:             env(safe-area-inset-bottom, 0px);

  /* R4e UI赵工强制修复：字体基础令牌 */
  --font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', 'Segoe UI', Roboto, sans-serif;
  --font-size-base: 14px;
}