:root {
  --hs-bg: #f4f7fb;
  --hs-surface: #ffffff;
  --hs-surface-2: #eef3f9;
  --hs-text: #122033;
  --hs-text-soft: #5d6b82;
  --hs-border: #d9e2ee;
  --hs-primary: #12816a;
  --hs-primary-strong: #0d5f4e;
  --hs-accent: #1d4ed8;
  --hs-dark-card: linear-gradient(180deg, #14253a 0%, #0f172a 100%);
  --hs-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  --hs-radius: 22px;
}
html[data-theme="dark"] {
  --hs-bg: #09111f;
  --hs-surface: #101b2d;
  --hs-surface-2: #0f1a2b;
  --hs-text: #edf4ff;
  --hs-text-soft: #b7c3d8;
  --hs-border: #22324a;
  --hs-primary: #23b08b;
  --hs-primary-strong: #17906f;
  --hs-accent: #6ea8ff;
  --hs-dark-card: linear-gradient(180deg, #1a2a41 0%, #0b1322 100%);
  --hs-shadow: 0 18px 50px rgba(0, 0, 0, 0.32);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--hs-bg);
  color: var(--hs-text);
  font-family: Inter, Cairo, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
}
body.rtl { font-family: Cairo, Inter, system-ui, sans-serif; }
a { color: var(--hs-primary); text-decoration: none; }
a:hover { color: var(--hs-primary-strong); }
img { max-width: 100%; height: auto; }
button, input, select, textarea { font: inherit; }
input, select, textarea {
  width: 100%;
  min-height: 52px;
  border: 1px solid var(--hs-border);
  background: var(--hs-surface);
  color: var(--hs-text);
  border-radius: 16px;
  padding: 12px 16px;
}
input::placeholder, textarea::placeholder { color: var(--hs-text-soft); opacity: 1; }
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--hs-primary);
  box-shadow: 0 0 0 3px rgba(18, 129, 106, 0.15);
}
input[type="checkbox"] { width: 18px; min-height: 18px; height: 18px; padding: 0; accent-color: var(--hs-primary); }
h1, h2, h3, h4 { line-height: 1.2; margin: 0 0 12px; color: var(--hs-text); }
p { margin: 0 0 16px; color: var(--hs-text-soft); }