/* Privian Academy design tokens.
   Colours sampled from the school's own crest and posters, not guessed.
   --brand-tint is Canva's default violet: light washes only, never a large
   colour field, because at size it reads cheap and it is not the crest. */

:root {
  --brand-primary: #4A1E98;
  --brand-deep: #1D0F5B;
  --brand-gold: #FDC70C;
  --brand-tint: #8C52FF;
  --surface: #FAFAFB;
  --success: #2D8345;

  --ink: #17151F;
  --ink-muted: #55506B;
  --line: #E4E1EC;
  --on-brand: #FFFFFF;

  --wrap: 1160px;
  --gutter: 20px;
  --radius: 14px;
  --radius-lg: 24px;

  --step-0: 1rem;
  --step-1: clamp(1.13rem, 1.05rem + 0.4vw, 1.35rem);
  --step-2: clamp(1.4rem, 1.25rem + 0.8vw, 1.85rem);
  --step-3: clamp(1.8rem, 1.5rem + 1.5vw, 2.6rem);
  --step-4: clamp(2.3rem, 1.7rem + 3vw, 4rem);

  --font-display: "Outfit", system-ui, sans-serif;
  --font-body: "Public Sans", system-ui, sans-serif;
  --font-motto: "Fraunces", Georgia, serif;
}