:root {
  --st-navy: #03205A;
  --st-primary: #2C61FE;
  --st-accent: #F06703;
  --st-page-bg: #F7F8FA;
  --st-text: #1F2937;
  --st-text-muted: #667085;
  --st-link: #2C61FE;
  --st-on-dark: #FFFFFF;
  --st-border: #E5E7EB;
  --st-border-subtle: #EAECF0;
  --st-border-control: #98A2B3;
  --st-success: #16A34A;
  --st-warning: #F59E0B;
  --st-danger: #DC2626;
  --st-surface: #FFFFFF;
  --st-accent-soft: #FFF5ED;
  --st-danger-soft: #FFEDF0;
  --st-primary-soft: rgba(44, 97, 254, 0.08);
  --st-focus-ring: rgba(44, 97, 254, 0.22);
}

html {
  background: var(--st-page-bg);
}

body {
  color: var(--st-text);
  background-color: var(--st-page-bg);
}

a {
  color: var(--st-link);
}

a:hover {
  color: var(--st-navy);
}

::selection {
  color: var(--st-on-dark);
  background: var(--st-primary);
}

input,
select,
textarea {
  color: var(--st-text);
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--st-primary);
  outline-color: var(--st-primary);
}

input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--st-primary);
}