/* Design tokens — identidade CNV em Rede */

:root {
  --color-brand: #7d6ba8;
  --color-brand-light: #b9a3e3;
  --color-brand-lighter: #d5c9ef;
  --color-brand-dark: #3d2f5c;
  --color-brand-muted: #5c4d7a;
  --color-brand-accent: #8b7ab8;
  --color-brand-icon-bg: #ebe4f7;
  --color-border: #d4c4ef;
  --color-border-soft: rgba(212, 196, 239, 0.75);

  --surface-page: #f3eef9;
  --surface-card: #fff;
  --surface-muted: rgba(255, 255, 255, 0.55);
  --surface-guide: #ede6f7;
  --surface-orientacao: #eef0ea;
  --surface-notice: #fff8e6;

  --font-display: "Baloo 2", "Baloo", cursive;
  --font-body: system-ui, sans-serif;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-pill: 999px;

  --shadow-brand: 0 3px 12px rgba(61, 47, 92, 0.18);
  --shadow-card: 0 2px 8px rgba(61, 47, 92, 0.08);
}