/* Paleta oficial do Manual KV (Slide 4). Nenhuma cor fora desta lista entra na
   página: o valor exato do manual manda. --cream é derivado, não inventado. */
:root {
  /* conjunto do curso */
  --navy: #0E284F;
  --blue: #587098;
  --mustard: #EAA34D;
  --sand: #CB9F6A;
  /* conjunto do evento */
  --forest: #009164;
  --sage: #7AE1BC;
  --amber: #ECA44F;
  --apricot: #F1AA56;
  /* neutros do manual */
  --ink: #1C1C1C;
  --paper: #F9F9F9;
  --white: #ffffff;
  /* derivado: papel com 8% de areia do manual, para as dobras claras */
  --cream: color-mix(in srgb, var(--sand) 8%, var(--paper));
  --line: color-mix(in srgb, var(--navy) 18%, transparent);
  --font-display: 'Bethany Elingston', Georgia, serif;
  --font-body: 'museo', Georgia, serif;
  --max-w: 1320px;
  --max-w-wide: 1560px;
  --gutter: clamp(20px, 4vw, 32px);
  /* Escala de medida de leitura. O corpo nunca é mais largo que o subtítulo, e o
     subtítulo nunca é mais largo que o título. Estava invertido: na hero o
     subtítulo tinha 608px contra 511px do título. Coberto por probe. */
  --medida-titulo: 640px;
  --medida-subtitulo: 545px;
  --medida-corpo: 470px;
  /* Sangria mínima de qualquer superfície com borda ou fundo. */
  --sangria: 26px;
  --radius-soft: 10px;
  /* Raio único de superfície: card, placeholder, moldura, contador. Nenhum canto
     vivo sobra no meio de uma página toda arredondada. */
  --radius-surface: 26px;
  /* Raio do corte entre dobras. Precisa ser menor que a sobreposição. */
  --radius-fold: 40px;
  --radius-organic: 52% 48% 44% 56% / 48% 42% 58% 52%;
  --shadow-soft: 0 22px 54px rgba(14, 40, 79, .16);
  --texture-dots: radial-gradient(rgba(14, 40, 79, .22) .72px, transparent .9px);
  --radius-pill: 999px;
  --ease-cinematic: cubic-bezier(.42, 0, .58, 1);
  --ease-decisive: cubic-bezier(.4, 0, .2, 1);
  --dur-fast: 350ms;
  --dur-medium: 700ms;
  --dur-slow: 1000ms;
}

@font-face {
  font-family: 'Bethany Elingston';
  src: url('assets/fonts/Bethany%20Elingston%20Font/Bethany%20Elingston.otf') format('opentype');
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}