:root {
  --beauty-brand-950: #102b43;
  --beauty-brand-900: #153653;
  --beauty-brand-700: #246da5;
  --beauty-brand-600: #2563eb;
  --beauty-brand-100: #eaf3ff;
  --beauty-page-bg: #eef5fb;
  --beauty-surface: #ffffff;
  --beauty-surface-soft: #f7faff;
  --beauty-border-soft: #d8e4f0;
  --beauty-border-strong: #bfd1e5;
  --beauty-text-primary: #102b43;
  --beauty-text-secondary: #425d73;
  --beauty-text-muted: #6c8194;
  --beauty-accent-cyan: #06b6d4;
  --beauty-accent-blue: #3c7df0;
  --beauty-accent-purple: #7b61ff;
  --beauty-accent-amber: #d69a35;
  --beauty-accent-orange: #e07a3f;
  --beauty-accent-coral: #e86f55;
  --beauty-accent-red: #c94a4a;
  --beauty-accent-green: #2f7659;
  --beauty-font-xs: 12px;
  --beauty-font-sm: 13px;
  --beauty-font-base: 14.5px;
  --beauty-font-md: 15.5px;
  --beauty-font-lg: 18px;
  --beauty-font-xl: 22px;
  --beauty-font-xxl: 28px;
  --beauty-line-normal: 1.55;
  --beauty-radius-sm: 8px;
  --beauty-radius-md: 10px;
  --beauty-radius-lg: 12px;
  --beauty-shadow-card: 0 12px 28px rgba(31, 72, 122, 0.075);
  --beauty-shadow-soft: 0 7px 18px rgba(31, 72, 122, 0.055);
  --beauty-shadow-hover: 0 18px 42px rgba(31, 72, 122, 0.105);
  --beauty-button-h-sm: 30px;
  --beauty-button-h-md: 36px;
  --beauty-button-h-lg: 40px;
  --ysj-bg: var(--beauty-page-bg);
  --ysj-bg-deep: #e9f2fb;
  --ysj-surface: var(--beauty-surface);
  --ysj-line: var(--beauty-border-soft);
  --ysj-line-strong: var(--beauty-border-strong);
  --ysj-text: var(--beauty-text-primary);
  --ysj-muted: var(--beauty-text-secondary);
  --ysj-brand: var(--beauty-brand-600);
  --ysj-brand-strong: var(--beauty-brand-900);
  --ysj-brand-soft: var(--beauty-brand-100);
  --ysj-radius: var(--beauty-radius-sm);
  --ysj-shadow: var(--beauty-shadow-card);
  --ysj-shadow-sm: var(--beauty-shadow-soft);
  --op-radius: var(--beauty-radius-sm);
  --op-brand: var(--beauty-brand-600);
  --op-brand-strong: var(--beauty-brand-900);
  --op-line: var(--beauty-border-soft);
  --op-text: var(--beauty-text-primary);
  --op-muted: var(--beauty-text-secondary);
  --pd-green-900: var(--beauty-brand-900);
  --pd-green-700: var(--beauty-brand-700);
  --pd-green-50: var(--beauty-brand-100);
  --pd-text: var(--beauty-text-primary);
  --pd-muted: var(--beauty-text-secondary);
  --pd-line: var(--beauty-border-soft);
  --pd-shadow-soft: var(--beauty-shadow-soft);
}

html {
  background: var(--beauty-page-bg);
  color-scheme: light;
}

body {
  background: var(--beauty-page-bg);
  color: var(--beauty-text-primary);
  font-size: var(--beauty-font-base);
  line-height: var(--beauty-line-normal);
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
}

strong,
.value,
.kpi-value,
.ed-kpi-card strong,
.pc-kpi-card strong,
.manual-status-card strong,
.import-status-tile strong {
  font-variant-numeric: tabular-nums;
}