:root {
  --accent-green: #78e35b;
  --accent-cyan: #12c9df;
  --accent-blue: #2668ff;

  --shadow-main: 0 20px 60px rgba(0, 0, 0, 0.12);

  --radius-lg: 28px;
  --radius-md: 20px;
  --radius-sm: 14px;

  --transition: 0.35s ease;
}

body[data-theme="light"] {
  --bg-main: #f5f7fb;
  --bg-secondary: #ffffff;
  --card-bg: rgba(255, 255, 255, 0.94);
  --card-border: rgba(15, 23, 42, 0.08);

  --text-main: #0f172a;
  --text-soft: #5b6475;

  --surface-1: rgba(255, 255, 255, 0.82);
  --surface-2: rgba(255, 255, 255, 0.96);
  --surface-3: rgba(15, 23, 42, 0.04);
  --surface-4: rgba(15, 23, 42, 0.06);

  --navbar-bg: #ffffff;
  --navbar-border: rgba(15, 23, 42, 0.08);

  --outline-btn-border: rgba(15, 23, 42, 0.14);
  --outline-btn-color: #0f172a;

  --link-color: #0e7490;

  --footer-bg: rgba(255, 255, 255, 0.82);

  --input-bg: rgba(255, 255, 255, 0.96);
  --input-border: rgba(15, 23, 42, 0.12);
  --input-placeholder: rgba(15, 23, 42, 0.45);

  --theme-btn-bg: rgba(255, 255, 255, 0.98);
  --theme-btn-color: #0f172a;
  --theme-btn-border: rgba(15, 23, 42, 0.10);

  --glow-1: rgba(18, 201, 223, 0.14);
  --glow-2: rgba(38, 104, 255, 0.12);

  --body-grad-1: rgba(18, 201, 223, 0.08);
  --body-grad-2: rgba(120, 227, 91, 0.08);

  --message-success-bg: rgba(34, 197, 94, 0.12);
  --message-success-border: rgba(34, 197, 94, 0.26);
  --message-error-bg: rgba(239, 68, 68, 0.10);
  --message-error-border: rgba(239, 68, 68, 0.24);
}

body[data-theme="dark"] {
  --bg-main: #070b16;
  --bg-secondary: #0d1324;
  --card-bg: rgba(17, 24, 39, 0.92);
  --card-border: rgba(255, 255, 255, 0.10);

  --text-main: #f4f8ff;
  --text-soft: #b8c3da;

  --surface-1: rgba(255, 255, 255, 0.06);
  --surface-2: rgba(18, 24, 39, 0.96);
  --surface-3: rgba(255, 255, 255, 0.02);
  --surface-4: rgba(255, 255, 255, 0.03);

  --navbar-bg: #0b1220;
  --navbar-border: rgba(255, 255, 255, 0.06);

  --outline-btn-border: rgba(255, 255, 255, 0.25);
  --outline-btn-color: #ffffff;

  --link-color: #8de5ff;

  --footer-bg: rgba(8, 14, 30, 0.92);

  --input-bg: rgba(255, 255, 255, 0.06);
  --input-border: rgba(255, 255, 255, 0.10);
  --input-placeholder: rgba(255, 255, 255, 0.45);

  --theme-btn-bg: rgba(255, 255, 255, 0.08);
  --theme-btn-color: #ffffff;
  --theme-btn-border: rgba(255, 255, 255, 0.10);

  --glow-1: rgba(120, 227, 91, 0.20);
  --glow-2: rgba(38, 104, 255, 0.22);

  --body-grad-1: rgba(18, 201, 223, 0.10);
  --body-grad-2: rgba(120, 227, 91, 0.10);

  --message-success-bg: rgba(34, 197, 94, 0.14);
  --message-success-border: rgba(34, 197, 94, 0.28);
  --message-error-bg: rgba(239, 68, 68, 0.14);
  --message-error-border: rgba(239, 68, 68, 0.28);
}