/* Ambitious tokens. The subset of the Origin design system this page reads.
   Brand palette: blue #577FF9, blue tint #7FC4FB, black #181917,
   beige-white #D2D4CD, off-white #E4E4E4, white #FFFFFF. */
:root {
  --gray-300: #C9CBC4;
  --gray-400: #A2A49D;
  --gray-500: #6B6D67;
  --gray-900: #181917; /* brand black */

  --paper-25:  #F8F8F6;
  --paper-50:  #EFF0EC;
  --paper-150: #D2D4CD; /* brand beige-white */
  --off-white: #E4E4E4;

  --sky-50:  #EEF7FE;
  --sky-100: #DDEFFD;
  --blue-tint: #7FC4FB; /* atmosphere only: the mist */

  /* Blue ramp on #577FF9 (legacy teal-* names). */
  --teal-100: #D5E0FE;
  --teal-200: #ACC0FC;
  --teal-300: #87A3FB;
  --teal-500: #577FF9;

  --surface-shell: var(--paper-50);
  --text-primary:  var(--gray-900);
  --text-tertiary: var(--gray-500);
  --text-link:     #3F67E0; /* one step darker than the brand blue, holds 4.5:1 */
  --border-focus:  var(--teal-500);

  --font-sans: 'Inter', -apple-system, 'Segoe UI', sans-serif;
  --text-2xs:  0.6875rem; /* 11 */
  --text-sm:   0.9375rem; /* 15 */
  --weight-medium: 500;

  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 4px;
  --radius-full: 999px;

  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --duration-enter: 300ms;
}