/* NOLAP PREP design + motion tokens. Shared by web and (mirrored in) the app.
   White and blue with a soft blue, lavender and cyan glow. Light only. */
:root {
  color-scheme: light;

  /* colour */
  --blue-50:  #F1F6FF;
  --blue-100: #E3EDFF;
  --blue-200: #C4D7FF;
  --blue-400: #5F92FF;
  --blue-500: #2F6BFF;
  --blue-600: #1E55E6;
  --blue-700: #173792;
  --gold:     #FFB020;
  --green:    #22C55E;
  --red:      #FF5C7A;

  --ink:   #111B33;
  --ink-2: #5B6785;
  --ink-3: #98A3BC;

  --bg:     #EAF1FF;
  --card:   #FFFFFF;
  --line:   #E4E9F3;
  --blob-a: #9EC1FF;
  --blob-b: #C7B8FF;
  --blob-c: #8FE3FF;

  --shadow-sheet: 0 -24px 60px -24px rgba(31, 64, 140, .35);
  --shadow-btn:   0 12px 26px -10px rgba(47, 107, 255, .65);
  --shadow-float: 0 12px 26px -10px rgba(47, 107, 255, .4);

  /* shape */
  --r-md: 18px;
  --r-pill: 999px;

  /* type */
  --font: "Urbanist", ui-rounded, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* motion */
  --dur-fast: .15s;
  --dur-base: .35s;
  --dur-slow: .7s;
  --ease-out:    cubic-bezier(.22, 1, .36, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
}