@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Outfit:wght@500;700;800&display=swap");

:root {
  /* Tipografia MID */
  --font-title: "Outfit", system-ui, sans-serif;
  --font-body: "Manrope", system-ui, sans-serif;
  --font-display: var(--font-title);

  /* Paleta oficial MID */
  --jewel: #8a0dff;
  --jewel-deep: #6c00d6;
  --luminous: #c47cff;
  --lavender: #e5c6ff;
  --ink: #000000;
  --white: #ffffff;
  --paper: #f2f0f7;
  --muted: #4a4458;

  /* Aliases usados pelo CSS legado → mapeados para MID */
  --green: var(--jewel);
  --green-2: var(--jewel-deep);
  --mustard: var(--luminous);
  --berry: var(--jewel);
  --brown: var(--ink);
  --terracotta: var(--luminous);
  --cream: var(--paper);
  --surface: var(--white);
  --surface-2: var(--paper);
  --border: var(--lavender);
  --shadow: 0 24px 60px rgba(138, 13, 255, 0.12);
  --radius: 28px;
  --radius-sm: 14px;
}