:root[data-theme="9"] {
  --primary: #7A8FA8;
  --primary-light: #A5B6C8;
  --primary-soft: #E2EAF1;
  --primary-dark: #55697D;

  --accent: #8EA3B8;
  --accent-soft: #EDF2F6;

  --text-strong: #243746;
  --text-main: #314555;
  --text-body: #62717D;
  --text-muted: #88939D;

  --bg-page: #F7F9FB;
  --bg-page-2: #EEF3F7;
  --bg-white: #FFFFFF;
  --bg-soft: rgba(255, 255, 255, 0.74);
  --bg-soft-strong: rgba(255, 255, 255, 0.88);

  --border: #E1E8EE;
  --border-soft: rgba(255, 255, 255, 0.76);
  --line-soft: rgba(122, 143, 168, 0.14);

  --shadow-soft: 0 8px 30px rgba(122, 143, 168, 0.09);
  --shadow-card: 0 4px 12px rgba(122, 143, 168, 0.08);
  --shadow-hover: 0 12px 28px rgba(122, 143, 168, 0.18);
  --shadow-focus: 0 0 0 3px rgba(122, 143, 168, 0.18);

  --gradient-page: linear-gradient(135deg, #F7F9FB 0%, #EEF3F7 100%);
  --gradient-page-alt: linear-gradient(160deg, #F8FAFC 0%, #F1F5F8 55%, #EAF0F5 100%);
  --gradient-card: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.9) 0%,
    rgba(255, 255, 255, 0.76) 100%
  );
  --gradient-primary: linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%);
}