:root {
  --primary: #4c7dff;
  --primary-dark: #3b66e6;
  --primary-light: rgba(76, 125, 255, 0.14);
  --accent: #4c7dff;
  --accent-soft: rgba(76, 125, 255, 0.12);
  --bg: #f8faff;
  --bg-outer: #e4edf9;
  --bg-card: #ffffff;
  --bg-card-hover: #f5f8ff;
  --bg-input: #f3f6fd;
  --text: #1b2a4a;
  --text-muted: #6b7a99;
  --text-dim: #93a0b8;
  --border: rgba(76, 125, 255, 0.12);
  --border-strong: rgba(76, 125, 255, 0.22);
  --shadow: rgba(76, 125, 255, 0.12);
  --header-bg: #ffffff;
  --gradient-primary: linear-gradient(135deg, #4c7dff 0%, #7aa4ff 100%);
  --gradient-header: #ffffff;
}

html {
  background: var(--bg-outer);
}

::selection {
  background: rgba(76, 125, 255, 0.28);
  color: #1b2a4a;
}

input::placeholder,
textarea::placeholder {
  color: var(--text-dim);
}