:root {
  --primary-950: #00196e;
  --primary-900: #0625ac;
  --primary-400: #769eff;
  --primary-300: #a7c5ff;
  --primary-200: #cee0ff;
  --primary-100: #e5eeff;
  --primary-50: #f1f7ff;

  --neutral-900: #171717;
  --neutral-800: #262626;
  --neutral-700: #404040;
  --neutral-500: #737373;
  --neutral-400: #a3a3a3;
  --neutral-300: #d4d4d4;
  --neutral-200: #e5e5e5;
  --neutral-200: #e5e5e5;
  --neutral-60: #f6f6f6;
  --neutral-50: #fafafa;

  --grey-500: #DFE0DA;
  --grey-200: #f0f1ee;
  --grey-100: #f5f5f4;
  --grey-50: #fcfcfb;

  --red-100: #d92d20;

  --blue-7: #000b318c; /* 55% */
  --blue-6: #00196e;
  --blue-5: #2e4288;
  --blue-4: #5e6ea4;
  --blue-3: #919cc1;
  --blue-2: #c2c8dc;
  --blue-1: #e6e8f1;

  --secondary-400: #ffad1d;

  --footer-bg: #e1e1de;

  --shadow-input-error: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px #fee4e2;
  --shadow-input-focus: 0 1px 2px 0 rgba(16, 24, 40, 0.05),
    0 0 0 4px var(--primary-50);
  --shadow-input-select: 0 12px 16px -4px rgba(16, 24, 40, 0.08),
    0 4px 6px -2px rgba(16, 24, 40, 0.03);
  --shadow-header: 1px 3px 3px 0 rgba(23, 23, 23, 0.15);

  --overlay: rgba(0, 11, 49, 0.55);
  --background-school-visit: #f6f6f6;
}