:root {
  /* 品牌主色 */
  --red: #c81016;
  --deep-red: #b40005;
  --blue: #0757a1;
  --brand-panel: #b91313;
  --hero-background: #b30005;
  --header-border: #bd181b;

  /* 导航 */
  --nav-text: #bd1117;
  --nav-active: #bc1016;
  --nav-separator: #d6b0b1;
  --nav-hover-background: #f6eeee;
  --submenu-background: #ffffff;
  --submenu-mobile-background: #faf7f7;
  --mobile-menu-border: #eeeeee;

  /* 文字 */
  --text: #5d5d5d;
  --text-strong: #5a5a5a;
  --text-medium: #575757;
  --text-muted: #8a8a8a;
  --text-soft: #929292;
  --text-subtle: #888888;
  --text-dark: #222222;
  --text-heading: #101010;
  --text-footer: #bbbbbb;
  --text-disabled: #bbbbbb;
  --text-legacy-subtitle: #9b7778;
  --text-legacy-button: #6c5b5c;
  --on-accent: #ffffff;

  /* 面板、边框与状态 */
  --surface: #ffffff;
  --panel: #f4f4f4;
  --line: #e0e0e0;
  --line-soft: #d6d6d6;
  --line-dashed: #d8a9aa;
  --control-border: #cfcfcf;
  --legacy-button-border: #d6b0b1;
  --legacy-button-hover: #fff8f8;
  --image-placeholder: #eeeeee;
  --carousel-dot: #cacaca;
  --legacy-card-hover: #fff8f8;
  --legacy-card-shadow: rgb(126 16 20 / 16%);
  --date: #df080e;
  --date-bright: #e30c12;
  --section-title: #bd1218;
  --footer: #3d3938;

  /* 阴影及窄屏横幅 */
  --submenu-shadow: rgb(0 0 0 / 16%);
  --mobile-menu-shadow: rgb(0 0 0 / 12%);
  --hero-shine-clear: rgb(255 255 255 / 0%);
  --hero-shine: rgb(255 80 80 / 25%);
  --hero-gradient-start: #a90005;
  --hero-gradient-center: #d20008;
  --hero-gradient-end: #a50005;
  --hero-mobile-text: #ffe29a;
  --transparent: transparent;
}