/* Hongzhi — muted crimson, not brown, not candy red */
:root {
  --primary: #b33a3c;
  --primary-dark: #922f31;
  --primary-light: #c75a5c;
  --primary-fg: #fff;
  --primary-muted: rgba(179, 58, 60, 0.10);
  --primary-border: rgba(179, 58, 60, 0.24);
  --primary-ring: rgba(179, 58, 60, 0.16);
  --accent: #b33a3c;

  --accent-lavender: #f7eef0;
  --accent-lavender-light: #fbf6f7;
  --accent-lavender-border: #ecd6d8;
  --accent-lavender-text: #922f31;

  --danger: #9f1239;
  --danger-bg: rgba(159, 18, 57, 0.08);
  --danger-border: rgba(159, 18, 57, 0.2);
  --success: #059669;
  --success-bg: #ecfdf5;
  --warning: #b45309;
  --alipay: #1677ff;
  --alipay-dark: #0958d9;

  --text-primary: #1c1917;
  --text-secondary: #44403c;
  --text-muted: #78716c;
  --text-hint: #a8a29e;
  --text-inverse: #fff;

  --bg-page: #f7f6f6;
  --bg-page-alt: #f4f3f3;
  --bg-card: #fff;
  --bg-muted: #f5f4f4;
  --bg-subtle: #faf9f9;
  --bg-input: #fff;
  --bg-tab: #f7eef0;

  --border: #e8e4e4;
  --border-light: #f2efef;
  --border-strong: #d6d0d0;

  --radius-sm: 5px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 10px;
  --radius-2xl: 12px;
  --radius-3xl: 16px;
  --radius-full: 99px;

  --shadow-xs: 0 1px 2px rgba(28, 25, 23, 0.04);
  --shadow-sm: 0 1px 3px rgba(28, 25, 23, 0.06), 0 1px 2px rgba(28, 25, 23, 0.04);
  --shadow-md: 0 2px 6px rgba(28, 25, 23, 0.05), 0 4px 14px rgba(28, 25, 23, 0.06);
  --shadow-lg: 0 12px 40px rgba(28, 25, 23, 0.08), 0 4px 12px rgba(28, 25, 23, 0.05);
  --shadow-card: 0 1px 2px rgba(28, 25, 23, 0.04), 0 8px 24px rgba(28, 25, 23, 0.05);
  --shadow-dialog: 0 24px 60px rgba(28, 25, 23, 0.16);
  --shadow-modal: 0 20px 60px rgba(28, 25, 23, 0.14);
  --shadow-primary: 0 6px 16px rgba(109, 30, 32, 0.20);

  --gradient-primary: linear-gradient(135deg, #c75a5c 0%, #b33a3c 100%);
  --gradient-hero: linear-gradient(135deg, #ffffff 0%, #f7f6f6 48%, #f7eef0 100%);
  --gradient-hero-alt: linear-gradient(160deg, #ffffff 0%, #f7f6f6 55%, #fbf6f7 100%);
  --gradient-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.74) 100%);
  --nav-gradient: linear-gradient(135deg, #6b1e22 0%, #7f2428 100%);
  --nav-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 0 2px 10px rgba(80, 18, 20, 0.22);
  --sidebar-gradient: linear-gradient(180deg, #5c1a1d 0%, #6b1e22 55%, #7a2226 100%);

  --glass-bg: rgba(255, 255, 255, 0.72);
  --glass-border: rgba(255, 255, 255, 0.55);
  --glass-blur: blur(20px) saturate(180%);

  --font-sans: 'Inter', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  --font-heading: 'Noto Serif SC', 'Songti SC', 'SimSun', 'STSong', serif;
  --font-mono: ui-monospace, 'SF Mono', 'Cascadia Code', monospace;

  --nav-height: 64px;
  --sidebar-width: 220px;
  --form-max-width: 900px;
  --form-wide-max-width: 1100px;
  --content-max-width: 960px;

  --bp-mobile: 640px;
  --bp-tablet: 768px;
  --bp-console: 900px;
  --bp-nav: 1100px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --primary: #d17a7c;
    --primary-dark: #e0a0a2;
    --primary-light: #c75a5c;
    --primary-muted: rgba(209, 122, 124, 0.16);
    --primary-border: rgba(209, 122, 124, 0.28);
    --primary-ring: rgba(209, 122, 124, 0.20);
    --accent: #d17a7c;

    --accent-lavender: rgba(179, 58, 60, 0.22);
    --accent-lavender-light: rgba(179, 58, 60, 0.12);
    --accent-lavender-border: rgba(179, 58, 60, 0.32);
    --accent-lavender-text: #e0a0a2;

    --text-primary: #f5f2f0;
    --text-secondary: #d6d3d1;
    --text-muted: #a8a29e;
    --text-hint: #78716c;

    --bg-page: #161211;
    --bg-page-alt: #1c1716;
    --bg-card: #241e1d;
    --bg-muted: #1c1716;
    --bg-subtle: #201b1a;
    --bg-input: #241e1d;
    --bg-tab: #241e1d;

    --border: #3a3332;
    --border-light: #2a2423;
    --border-strong: #4a433f;

    --gradient-hero: linear-gradient(135deg, #1c1716 0%, #161211 50%, #1a1414 100%);
    --gradient-hero-alt: linear-gradient(160deg, #1c1716 0%, #161211 60%, #1a1414 100%);
    --gradient-surface: linear-gradient(180deg, rgba(36, 30, 29, 0.95) 0%, rgba(36, 30, 29, 0.82) 100%);
    --nav-gradient: linear-gradient(135deg, #4a1619 0%, #5c1a1d 100%);
    --nav-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
    --sidebar-gradient: linear-gradient(180deg, #3f1417 0%, #4a1619 55%, #5c1a1d 100%);

    --glass-bg: rgba(22, 18, 17, 0.78);
    --glass-border: rgba(255, 255, 255, 0.08);

    --shadow-dialog: 0 24px 60px rgba(0, 0, 0, 0.55);
    --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.35);
    --shadow-primary: 0 8px 20px rgba(0, 0, 0, 0.28);
  }
}