/* Mundo Connect - tokens de design v2 (sobrio: marinho, creme, bordas finas) */
:root {
  --navy: #1B3172;
  --navy-2: #24418F;
  --navy-deep: #122657;
  --cream: #FAF3EA;
  --card: #F4ECE1;
  --card-2: #EFE5D6;
  --line: #5B7BC9;
  --line-soft: #C9D4EE;
  --sky: #D6E2FA;
  --link: #4A73D9;
  --ink: #1B3172;
  --ink-soft: #4B5C8F;
  --yellow: #F8C537;
  --green: #4CB86A;
  --orange: #F2772E;
  --pink: #F48FB8;
  --blue: #5B93F0;
  --red: #E5534B;
  --purple: #8B6FE0;
  --white: #FFFFFF;
  --ok: #2E9A55;
  --ok-bg: #DDF2E3;
  --bad: #C9433C;
  --bad-bg: #F9DEDB;

  --font-display: 'Josefin Sans', 'Century Gothic', 'Trebuchet MS', system-ui, sans-serif;
  --font-body: 'Nunito Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-xl: 28px;
  --bw: 1.5px;
  --sh: 0 6px 18px rgba(27, 49, 114, .10);
  --sh-sm: 0 2px 8px rgba(27, 49, 114, .08);

  --topbar-h: clamp(52px, 8dvh, 68px);
  --gap: clamp(8px, 1.6vmin, 20px);
  --pad: clamp(12px, 2.4vmin, 32px);

  /* alternativas: cor + forma (acessivel para daltonicos) */
  --opt-0: #D8453D;   --opt-0-ink: #fff;     /* triangulo */
  --opt-1: #4A73D9;   --opt-1-ink: #fff;     /* losango */
  --opt-2: #F8C537;   --opt-2-ink: #1B3172;  /* circulo */
  --opt-3: #4CB86A;   --opt-3-ink: #12285F;  /* quadrado */

  --ease: cubic-bezier(.2, .7, .2, 1);
}