/* ============================================================
   DESIGN TOKENS — 智研平台 / Light Theme SaaS
   ============================================================ */
:root {
  /* —— 色板 —— */
  --bg-page:        #f7f8fb;
  --bg-surface:     #ffffff;
  --bg-subtle:      #f1f3f8;
  --bg-hover:       #f5f6fa;

  --border-soft:    #eaecef;
  --border-default: #e1e4ea;
  --border-strong:  #cdd2dc;

  --text-primary:   #0b1020;
  --text-secondary: #4a5269;
  --text-tertiary:  #8a93a6;
  --text-placeholder:#b4bbc9;
  --text-invert:    #ffffff;

  --brand-50:  #eef1ff;
  --brand-100: #e0e6ff;
  --brand-200: #c3cdff;
  --brand-300: #9aa8ff;
  --brand-400: #7381ff;
  --brand-500: #4f46e5;
  --brand-600: #4338ca;
  --brand-700: #3730a3;
  --brand-800: #2b247d;

  --accent-amber:  #f59e0b;
  --accent-coral:  #fb7185;
  --accent-teal:   #14b8a6;
  --accent-violet: #8b5cf6;

  --success:       #10b981;
  --warning:       #f59e0b;
  --danger:        #ef4444;
  --info:          #3b82f6;

  --grad-brand:    linear-gradient(135deg, #6366f1 0%, #4f46e5 40%, #4338ca 100%);
  --grad-metal:    linear-gradient(135deg, #4f46e5 0%, #6366f1 50%, #4f46e5 100%);
  --grad-sheen:    linear-gradient(110deg, transparent 30%, rgba(255,255,255,.55) 50%, transparent 70%);
  --grad-glass:    linear-gradient(145deg, rgba(255,255,255,.9), rgba(255,255,255,.6));
  --grad-mesh:     radial-gradient(at 12% 0%, #e0e6ff 0, transparent 45%),
                   radial-gradient(at 100% 20%, #fde68a22 0, transparent 50%),
                   radial-gradient(at 0% 100%, #99f6e422 0, transparent 40%);

  --shadow-xs:  0 1px 2px rgba(15,23,42,.04);
  --shadow-sm:  0 1px 2px rgba(15,23,42,.04), 0 1px 6px rgba(15,23,42,.04);
  --shadow-md:  0 4px 6px -1px rgba(15,23,42,.06), 0 2px 4px -2px rgba(15,23,42,.04);
  --shadow-lg:  0 12px 24px -8px rgba(15,23,42,.10), 0 4px 8px -4px rgba(15,23,42,.06);
  --shadow-xl:  0 24px 48px -12px rgba(15,23,42,.14), 0 8px 16px -4px rgba(15,23,42,.08);
  --shadow-brand:0 10px 30px -10px rgba(79,70,229,.45);
  --shadow-glow: 0 0 0 1px rgba(79,70,229,.12), 0 8px 24px -8px rgba(79,70,229,.32);

  --r-xs:6px; --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:20px; --r-2xl:28px; --r-full:999px;
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px;
  --s-6:24px; --s-8:32px; --s-10:40px; --s-12:48px; --s-16:64px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  --font-display: "Bricolage Grotesque", "Noto Sans SC", system-ui, sans-serif;
  --font-ui:      "Plus Jakarta Sans", "Noto Sans SC", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, Consolas, monospace;
}