/* ============================================================
   视觉规范 V2 · 设计令牌
   依据：广州消费帮扶数据及活动平台（妙搭应用 app_17fspj4p8gs）
   证据：PavilionList / ActivityCenter / PavilionWorkspace / AdminLogin
         页面分块中的真实 Tailwind 类名与 arbitrary 色值
   说明：V1 只取对了颜色，版式语言错误（做成了电商卡片流）。
         V2 逐条复刻原平台的横幅、悬浮卡片、表格与徽章体系。
   ============================================================ */

:root {
  /* 品牌主色 —— LOGO 原图取色 + 平台样式表高频色，双源一致 */
  --c-blue:        #0B4F8A;
  --c-blue-hover:  #0A3D6E;
  --c-teal:        #156880;
  --c-teal-hover:  #115A6E;
  --c-green:       #1E7A5A;
  --c-gold:        #F9A825;
  --c-red:         #C62828;
  --c-red-deep:    #B71C1C;
  --c-green-ok:    #2E7D32;
  --c-gold-deep:   #B7791F;
  --c-gold-tint:   #FFF8E1;

  /* 背景与文字 */
  --bg-page:       #F0F5F9;
  --bg-surface:    #FFFFFF;
  --bg-head:       #F0F5F9;
  --text-main:     #1F2329;
  --text-sub:      #6B7280;
  --text-mute:     #9CA3AF;
  --border:        #E5E7EB;
  --border-soft:   rgba(255, 255, 255, .6);

  /* 原平台精确渐变 */
  --grad-hero:   linear-gradient(to right, #0B4F8A 0%, #156880 50%, #1E7A5A 100%);
  --grad-btn:    linear-gradient(to right, #0B4F8A 0%, #156880 100%);
  --grad-login:  linear-gradient(to bottom right, #0D4F5C 0%, #1A6B6E 50%, #2E7D5B 100%);
  --grad-rule-l: linear-gradient(to right, transparent, rgba(249, 168, 37, .6));
  --grad-rule-r: linear-gradient(to left,  transparent, rgba(249, 168, 37, .6));
  --grad-sheen:  linear-gradient(to bottom, rgba(255, 255, 255, .05), transparent);

  /* 圆角：原平台 rounded-md 6px / rounded-lg 8px / rounded-xl 12px */
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;

  --shadow-sm: 0 1px 3px rgba(15, 42, 66, .08);
  --shadow-md: 0 4px 14px rgba(15, 42, 66, .10);
  --shadow-lg: 0 20px 45px rgba(15, 42, 66, .18);

  --font: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --font-num: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* 内容宽度：原平台 max-w-[1280px] */
  --shell: 1280px;
}