/* ============================================================
   SBTI Plus — Cream Green Theme (原站风格)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap');

/* ============================================================
   Light theme as DEFAULT (奶油绿)
   ============================================================ */
:root {
  /* Background — warm cream-green */
  --bg-start: #f6faf6;
  --bg-end: #f2f7f3;

  /* Surface / Cards */
  --card-bg: rgba(255, 255, 255, 0.85);
  --card-border: rgba(108, 141, 113, 0.15);
  --card-hover: rgba(255, 255, 255, 0.95);

  /* Accent palette — forest green */
  --accent: #4d6a53;
  --accent-light: #6c8d71;
  --secondary: #97b59c;
  --secondary-light: #b8cfbc;
  --success: #4d6a53;
  --success-light: #6c8d71;
  --warning: #c4964c;
  --danger: #c45b4a;

  /* Text */
  --text-primary: #1e2a22;
  --text-secondary: #4a5c4f;
  --text-muted: #6a786f;
  --text-inverse: #f6faf6;

  /* Dimension score colors */
  --dim-low: #c45b4a;
  --dim-low-end: #d47a6c;
  --dim-mid: #c4964c;
  --dim-mid-end: #d4b06c;
  --dim-high: #4d6a53;
  --dim-high-end: #6c8d71;

  /* Glow / shadows */
  --glow-accent: rgba(77, 106, 83, 0.2);
  --glow-secondary: rgba(151, 181, 156, 0.2);
  --glow-success: rgba(77, 106, 83, 0.2);
  --shadow-card: 0 8px 32px rgba(47, 73, 55, 0.06);
  --shadow-card-hover: 0 16px 40px rgba(47, 73, 55, 0.1);
  --shadow-float: 0 20px 60px rgba(47, 73, 55, 0.12);

  /* Layout */
  --radius: 20px;
  --radius-sm: 12px;
  --radius-xs: 8px;
  --radius-pill: 999px;
  --blur: 16px;

  /* Transitions */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration: 0.3s;
  --duration-slow: 0.5s;

  /* Font stacks */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;

  /* Scrollbar */
  --scrollbar-track: rgba(108, 141, 113, 0.05);
  --scrollbar-thumb: rgba(108, 141, 113, 0.15);
  --scrollbar-thumb-hover: rgba(108, 141, 113, 0.25);

  /* Modal */
  --overlay-bg: rgba(30, 42, 34, 0.4);
}