/* NOLAP Classroom design + motion tokens (teal, its own look).
   White and teal with a soft teal and sky glow. Light only. */
:root {
  color-scheme: light;

  /* colour */
  --blue-50:  #F0FBF9;
  --blue-100: #DDF7F2;
  --blue-200: #BDEEE6;
  --blue-400: #3CC5B3;
  --blue-500: #0E9F8E;
  --blue-600: #0B8577;
  --blue-700: #0A5E54;
  --gold:     #FFB020;
  --green:    #22C55E;
  --red:      #FF5C7A;

  --ink:   #111B33;
  --ink-2: #5B6785;
  --ink-3: #66728F;
  --navy:  #0E1A3D;
  --red-d: #B72642;

  --bg:     #E6F8F4;
  --card:   #FFFFFF;
  --line:   #E4E9F3;
  --blob-a: #9BE3D6;
  --blob-b: #B8D8FF;
  --blob-c: #8FE3FF;

  --shadow-sheet: 0 -24px 60px -24px rgba(10,70,64, .35);
  --shadow-btn:   0 12px 26px -10px rgba(14,159,142, .65);
  --shadow-float: 0 12px 26px -10px rgba(14,159,142, .4);

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

  /* type */
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --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);
}