:root {
  --screen-font-ui: "Alibaba PuHuiTi", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  --screen-font-title: "Alimama ShuHeiTi", "阿里妈妈数黑体 Bold", "Alibaba PuHuiTi", "Microsoft YaHei", sans-serif;
  --screen-font-number: "D-DIN", "D-DIN-Bold", Arial, sans-serif;

  --screen-color-text-primary: #ffffff;
  --screen-color-text-strong: #ffffff;
  --screen-color-text-secondary: rgba(246, 253, 255, 0.92);
  --screen-color-text-muted: rgba(242, 253, 255, 0.9);
  --screen-color-text-weak: rgba(229, 248, 255, 0.74);

  --screen-color-accent-cyan: #30dcff;
  --screen-color-accent-mint: #19ffc6;
  --screen-color-accent-water: #31dcff;
  --screen-color-accent-grass: #24f6c4;
  --screen-color-accent-gold: #8bf7ff;
  --screen-color-accent-orange: #48cfff;
  --screen-color-card-border: rgba(62, 226, 255, 0.5);
  --screen-color-card-bg: rgba(10, 52, 72, 0.7);
  --screen-color-card-header-bg: rgba(40, 124, 158, 0.62);
  --screen-color-chart-grid-line: rgba(218, 250, 255, 0.28);
  --screen-color-tooltip-bg: rgba(3, 13, 18, 0.92);
  --screen-icon-primary: #30dcff;
  --screen-icon-secondary: #19ffc6;
  --screen-icon-bg: rgba(48, 220, 255, 0.1);
  --screen-icon-border: rgba(48, 220, 255, 0.42);
  --screen-icon-glow: rgba(48, 220, 255, 0.22);

  --screen-card-title-size: 16px;
  --screen-card-title-line-height: 32px;
  --screen-card-title-weight: 600;
  --screen-chart-unit-size: 10px;
  --screen-chart-axis-size: 10px;
  --screen-chart-label-size: 11px;
  --screen-chart-tooltip-size: 12px;
  --screen-table-body-size: 11px;
  --screen-table-value-size: 12px;
  --screen-kpi-label-size: 14px;
  --screen-kpi-value-size: 31px;
  --screen-kpi-unit-size: 11px;
  --screen-popup-title-size: 20px;
  --screen-popup-body-size: 14px;

  --screen-canvas-width: 1920px;
  --screen-canvas-height: 1080px;
  --screen-side-card-width: 398px;
  --screen-side-card-gap: 12px;
  --screen-side-card-top: 128px;
  --screen-side-card-bottom: 8px;
  --screen-side-card-min-height: 227px;
  --screen-card-title-height: 36px;
  --screen-side-perspective-left: 500px;
  --screen-side-perspective-right: 800px;
  --screen-icon-size: 42px;
  --screen-icon-stroke-width: 1.5px;
}
