/* 小果科技 - Design Tokens
   Accent locked: #FF6B00
   Theme locked: dark (brand surface) - one theme for whole site
*/

:root {
  color-scheme: dark;

  --accent: #ff6b00;
  --accent-hover: #ff8533;
  --accent-soft: rgba(255, 107, 0, 0.16);
  --accent-border: rgba(255, 107, 0, 0.38);

  --bg: #0c0e12;
  --bg-elevated: #141820;
  --bg-muted: #1a1f29;
  --bg-invert: #f4f5f7;

  --text: #f2f4f7;
  --text-secondary: #c2c8d4;
  --text-muted: #8b93a3;
  --text-on-accent: #ffffff;

  --border: rgba(242, 244, 247, 0.1);
  --border-strong: rgba(242, 244, 247, 0.2);
  --shadow: 0 24px 64px rgba(0, 0, 0, 0.5);
  --shadow-accent: 0 12px 40px rgba(255, 107, 0, 0.22);

  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 22px;

  --nav-h: 64px;
  --container: 1200px;
  --gutter: clamp(1.25rem, 4vw, 2.75rem);

  --font: "Outfit", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --z-nav: 100;
  --z-overlay: 200;
  --z-grain: 50;

  --primary: var(--accent);
  --primary-dark: var(--accent-hover);
  --text-white: var(--text);
  --text-gray: var(--text-muted);
  --text-light: var(--text-secondary);
  --dark-bg: var(--bg);
  --dark-card: var(--bg-elevated);
  --dark-border: var(--border);
}