:root {
  --primary-color: #2962ff;
  --secondary-color: #50e3c2;
  --background-color: #ffffff;
  --background: #ececec;
  --logout-btn: #dc3545;
  --text-color: #333;
  --gradient-background: linear-gradient(135deg, #00f7ff75 0%, #e726e14e 100%);
  --glass-bg: rgba(255, 255, 255, 0.72);
  --backdrop: blur(12px);
  --container-bg: var(--glass-bg);
  --primary: #1a237e;
  --secondary: #247100;
  --accent: #19c3a8;
  --primary-button: #007800;
  --primary-button-hover: #009b00;
  --primary-button-focus: #007800;
  --secondry-button: #0e71c8;
  --primary-button-hover: #1984e1;
  --secondry-button-focus: #1579d1;
  --error: #cc3c3c;
  --success: #1ca67d;
  --input-bg: rgba(242, 247, 251, 0.85);
  --input-border: #ccc;
  --input-border-focus: #2670e7;
  --details-bg: linear-gradient(115deg, #e6f7ff 80%, #f2eaff 100%);
  --shadow-main: 0 8px 40px 0px rgba(38, 112, 231, 0.14), 0 1.5px 14px 0px rgba(38, 112, 231, 0.07);
  --transition-fast: 0.21s cubic-bezier(.4, 1.07, .47, 1.01);
}