/* ==========================================================================
   CHINACREC 晶宝时频 - Design Tokens & Variables
   ========================================================================== */

:root {
  /* Brand Color Palette */
  --crec-red: #E5192C;
  --crec-red-dark: #D01425;
  --crec-red-light: #FF3B4E;
  --crec-red-soft: #FDE8EA;
  --crec-red-gradient: linear-gradient(135deg, #F02839 0%, #D61324 100%);
  --crec-red-glow: rgba(229, 25, 44, 0.18);

  /* Functional Status Colors */
  --color-success: #10B981;
  --color-success-soft: #E8F7F0;
  --color-success-border: #A7F3D0;
  --color-warning: #F59E0B;
  --color-info: #2563EB;

  /* Typography Colors */
  --text-primary: #111318;
  --text-secondary: #4B5563;
  --text-muted: #8E9AA8;
  --text-subtle: #A1A8B8;
  --text-light: #FFFFFF;
  --text-placeholder: #9CA3AF;

  /* Surface & Background Colors */
  --bg-page: #F6F8FB;
  --bg-white: #FFFFFF;
  --bg-soft: #F2F5F9;
  --bg-card: #FFFFFF;
  --bg-card-alt: #F8FAFD;
  --bg-dark-evidence: #0B1119;
  --bg-dark-card: #131B26;
  --bg-input: #FAFCFE;

  /* Borders & Dividers */
  --border-soft: rgba(0, 0, 0, 0.06);
  --border-card: #EBEFF5;
  --border-input: #E2E6EC;
  --border-input-focus: #E5192C;
  --border-dark: rgba(255, 255, 255, 0.1);
  --divider: #ECEFF4;

  /* Container & Layout Metrics (Based on Desktop 1440px) */
  --viewport-base: 1440px;
  --container-width: 1320px;
  --container-padding: 24px;
  --header-height: 64px;

  /* Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-card: 0 4px 20px rgba(17, 24, 39, 0.04);
  --shadow-card-hover: 0 12px 32px rgba(17, 24, 39, 0.09);
  --shadow-floating: 0 16px 40px rgba(17, 24, 39, 0.07);
  --shadow-btn-red: 0 4px 14px rgba(229, 25, 44, 0.28);
  --shadow-btn-red-hover: 0 6px 18px rgba(229, 25, 44, 0.38);

  /* Typography Stacks */
  --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --font-family-en: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-family-mono: "JetBrains Mono", "SF Mono", Consolas, Menlo, monospace;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 240ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 320ms cubic-bezier(0.16, 1, 0.3, 1);
}