/*
 * Oddforge · 奇锻工坊 品牌色板
 * 严格按品牌指南 v1.0
 */

:root {
  /* 主色 */
  --color-deep-blue: #1E2A4A;
  --color-orange-red: #FF6B47;
  --color-silver-gray: #8A94A6;
  --color-cream-white: #F8F9FB;

  /* 衍生色（透明度变化） */
  --color-blue-90: rgba(30, 42, 74, 0.9);
  --color-blue-70: rgba(30, 42, 74, 0.7);
  --color-blue-50: rgba(30, 42, 74, 0.5);
  --color-blue-30: rgba(30, 42, 74, 0.3);
  --color-blue-10: rgba(30, 42, 74, 0.1);

  --color-orange-90: rgba(255, 107, 71, 0.9);
  --color-orange-70: rgba(255, 107, 71, 0.7);
  --color-orange-50: rgba(255, 107, 71, 0.5);
  --color-orange-30: rgba(255, 107, 71, 0.3);
  --color-orange-10: rgba(255, 107, 71, 0.1);

  /* 字体 */
  --font-zh: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", system-ui, sans-serif;
  --font-en: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;

  /* 字号 */
  --fs-display: 32px;
  --fs-h1: 24px;
  --fs-h2: 20px;
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-tiny: 12px;

  /* 间距 */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;

  /* 圆角 */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* 阴影 */
  --shadow-sm: 0 2px 4px rgba(30, 42, 74, 0.08);
  --shadow-md: 0 4px 12px rgba(30, 42, 74, 0.12);
  --shadow-lg: 0 8px 24px rgba(30, 42, 74, 0.16);

  /* 动画 */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 150ms;
  --duration-base: 300ms;
  --duration-slow: 500ms;

  /* 安全区（iPhone） */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}