/* ONU CONNECT - tokens de design (paleta do moodboard flat estilo Headspace) */
:root {
  --cream: #FFF6E5;
  --cream-2: #FFEBC8;
  --cream-3: #FFE0A8;
  --ink: #1B1B3A;
  --ink-soft: #4B4B6E;
  --yellow: #FFC21A;
  --orange: #FF7A1A;
  --blue: #2F6BFF;
  --navy: #1E1EB4;
  --green: #1FAA59;
  --pink: #FF8FC7;
  --red: #F2453D;
  --sky: #9CC8FF;
  --purple: #8B5CF6;
  --white: #FFFFFF;

  --font-display: 'Fredoka', ui-rounded, 'Nunito', 'Trebuchet MS', system-ui, sans-serif;
  --font-body: 'Nunito', ui-rounded, system-ui, -apple-system, 'Segoe UI', sans-serif;

  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 24px;
  --r-xl: 32px;
  --bw: 3px;
  --sh: 0 6px 0 var(--ink);
  --sh-sm: 0 4px 0 var(--ink);
  --sh-lg: 0 9px 0 var(--ink);

  --header-h: clamp(46px, 7.4dvh, 64px);
  --gap: clamp(8px, 1.6vmin, 20px);
  --pad: clamp(10px, 2.2vmin, 28px);

  /* alternativas estilo Kahoot: cor + forma */
  --opt-0: var(--red);    --opt-0-ink: #fff;
  --opt-1: var(--blue);   --opt-1-ink: #fff;
  --opt-2: var(--yellow); --opt-2-ink: var(--ink);
  --opt-3: var(--green);  --opt-3-ink: var(--ink);

  --ease-bounce: cubic-bezier(.34, 1.56, .64, 1);
}