/* ==========================================================================
   Tuition Point — design tokens
   Palette built for an after-school, evening-study energy: an ink-dark
   base (the "study lamp on, curtains drawn" hour) lit by sticker-bright
   accents borrowed from exercise-book stars and highlighter pens.
   ========================================================================== */

:root {
  /* Color */
  --ink: #14151f;
  --ink-raised: #1c1e2c;
  --ink-line: rgba(247, 244, 236, 0.1);
  --chalk: #f7f4ec;
  --chalk-dim: #efe9db;
  --paper-line: rgba(20, 21, 31, 0.1);
  --blue: #1bb0c4;
  --blue-dim: #0a707c;
  --yellow: #ffc93c;
  --yellow-dim: #eab421;
  --teal: #2fbf9f;
  --teal-dim: #269e83;
  --error: #d64545;
  --error-dim: #b23636;
  --text-on-ink: #f7f4ec;
  --text-on-ink-soft: #a9abbe;
  --text-on-chalk: #14151f;
  --text-on-chalk-soft: #55586b;

  /* Type */
  --font-display: "Fredoka", "Segoe UI", sans-serif;
  --font-body: "Manrope", "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --step--1: clamp(0.82rem, 0.79rem + 0.15vw, 0.9rem);
  --step-0: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --step-1: clamp(1.2rem, 1.1rem + 0.4vw, 1.4rem);
  --step-2: clamp(1.5rem, 1.3rem + 0.9vw, 1.95rem);
  --step-3: clamp(1.9rem, 1.55rem + 1.5vw, 2.7rem);
  --step-4: clamp(2.4rem, 1.85rem + 2.4vw, 3.75rem);
  --step-5: clamp(2.9rem, 2.05rem + 3.6vw, 4.9rem);

  /* Space */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: 5rem;
  --space-2xl: 8rem;

  /* Shape */
  --radius-sm: 0.6rem;
  --radius-md: 1.1rem;
  --radius-lg: 1.75rem;

  /* Motion */
  --ease: cubic-bezier(0.25, 0.7, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur: 0.5s;
  --dur-fast: 0.25s;
  --dur-slow: 1.1s;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur: 0.001s;
    --dur-fast: 0.001s;
    --dur-slow: 0.001s;
  }
}