/* Bufi Preschool — design tokens. Source of truth: docs/brand.md */
:root {
  /* brand core (from logo/mascot) */
  --bufi-blue: #004878;
  --bufi-blue-deep: #003048;
  --bufi-teal: #006090;
  --bufi-red: #c01818;
  --bufi-yellow: #f0c000;
  --bufi-royal: #183881;   /* nav / subhead blue from the current site */
  --bufi-pink: #d89ab8;    /* current display accent — large sizes / fills only */

  /* pastel tiles */
  --tile-yellow: #fbe9a6;
  --tile-periwinkle: #b0c9fe;
  --tile-sky: #c0e3f7;
  --tile-pink: #f2a5ca;
  --tile-salmon: #f4c5c0;
  --tile-lavender: #dfd2fd;
  --tile-peach: #fdeee0;

  /* surfaces + text */
  --bg: #ffffff;
  --bg-ice: #eef4fc;
  --bg-cream: #fff9f5;
  --fg: #102e52;
  --fg-muted: #4a5a73;
  --frame: var(--bufi-blue-deep);

  /* type */
  --font-display: "Burbank Big Condensed", "Lilita One", system-ui, sans-serif;
  --font-display-wide: "Burbank Big", "Lilita One", system-ui, sans-serif;
  --font-body: "Lato", system-ui, -apple-system, "Segoe UI", sans-serif;
  --step--1: clamp(0.83rem, 0.8rem + 0.2vw, 0.9rem);
  --step-0: clamp(1rem, 0.95rem + 0.3vw, 1.125rem);
  --step-1: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --step-2: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);
  --step-3: clamp(2.5rem, 1.8rem + 3vw, 4.5rem);
  --step-4: clamp(3.25rem, 2rem + 6vw, 7rem);

  /* space + shape */
  --gutter: 1rem;
  --space-s: 0.75rem; --space-m: 1.5rem; --space-l: 3rem; --space-xl: 6rem;
  --radius-s: 0.75rem; --radius-m: 1.25rem; --radius-l: 2rem; --radius-pill: 999px;
  --frame-inset: 0.75rem;

  /* motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms; --dur-base: 400ms; --dur-slow: 900ms;
}
@media (min-width: 768px) { :root { --gutter: 2rem; --frame-inset: 1.25rem; } }
@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur-base: 0ms; --dur-slow: 0ms; }
}