:root {
  --yb-azul: #304D5A;
  --yb-azul-claro: #A4C7DF;
  --yb-verde: #365C48;
  --yb-verde-claro: #96BFA9;
  --yb-ceu: #9DC9E3;
  --yb-coral: #E9665B;
  --yb-cream: #EBEBEC;
  --yb-cream-warm: #F4F1EA;
  --yb-taupe: #A19B8A;
  --yb-ink: #333232;
  --fg-1: var(--yb-azul);
  --fg-2: var(--yb-ink);
  --fg-3: var(--yb-cinza, #5C5C5C);
  --border-1: rgba(48, 77, 90, 0.12);
  --border-2: rgba(48, 77, 90, 0.20);
  --font-display: 'Quicksand', system-ui, sans-serif;
  --font-body: 'DM Sans', system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  --shadow-1: 0 1px 2px rgba(48, 77, 90, 0.06), 0 1px 1px rgba(48, 77, 90, 0.04);
  --shadow-2: 0 6px 16px rgba(48, 77, 90, 0.08), 0 2px 4px rgba(48, 77, 90, 0.04);
  --ease-soft: cubic-bezier(0.22, 0.61, 0.36, 1);
}