/* Agulha Digital — design tokens (Manual de Identidade Visual) */

@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; }
@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Poppins'; src: url('../fonts/Poppins-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; }

:root {
  /* Principais */
  --royal: #3434BD;
  --marinho: #25176A;

  /* Secundárias */
  --cinza: #F6F6F6;
  --celeste: #2E9CD2;
  --lilas: #8E7BD6;

  --branco: #FFFFFF;

  /* Subtons */
  --royal-tint: #E1E1F5;
  --marinho-tint: #DDD9EC;
  --celeste-tint: #DFF0F9;
  --lilas-tint: #EEEAF9;

  /* Semânticas */
  --text-heading: var(--marinho);
  --text-body: #25176A;
  --border-subtle: #E4E4EE;
  --focus-ring: var(--celeste);

  --font-sans: 'Poppins', sans-serif;
  --shadow-card: 0 1px 3px rgba(37, 23, 106, 0.08);
  --shadow-overlay: 0 12px 40px rgba(37, 23, 106, 0.18);
  --transition-fast: 140ms ease;
  --transition-base: 220ms ease;
  --radius-sm: 6px;
  --radius-full: 9999px;
}