/* Tangram Programa anual — generated from tokens.json */
:root, [data-theme="default"] {
  --tg-roxo-900: #3a0663;
  --tg-roxo-950: #270274;
  --tg-roxo-800: #401f5e;
  --tg-roxo-700: #4c19b2;
  --tg-roxo-600: #5b1fd4;
  --tg-roxo-500: #7228f3;
  --tg-roxo-400: #8a4df6;
  --tg-roxo-300: #b79bfa;
  --tg-roxo-200: #d9ccfd;
  --tg-roxo-100: #efe9fe;
  --tg-roxo-camille: #835396;
  --tg-verde-700: #7e9416;
  --tg-verde-600: #9bb31c;
  --tg-verde-500: #afcb1f;
  --tg-verde-400: #aff22c;
  --tg-verde-300: #c9f76b;
  --tg-verde-200: #e3fbae;
  --tg-verde-100: #f2fdd9;
  --tg-grafite-900: #1c1c1b;
  --tg-grafite-800: #272725;
  --tg-grafite-700: #3d3d3a;
  --tg-grafite-500: #6b6b66;
  --tg-grafite-400: #93938c;
  --tg-grafite-300: #c2c2bc;
  --tg-grafite-200: #dcdcd8;
  --tg-cinza-100: #e5e5e5;
  --tg-cinza-50: #f4f4f2;
  --tg-branco: #ffffff;
  --tg-magenta: #f900ca;
  --tg-laranja: #f4ab00;
  --tg-azul: #00dae3;
  --tg-roxo-olimp: #550296;
  --tg-primary: var(--tg-roxo-500);
  --tg-primary-hover: var(--tg-roxo-600);
  --tg-primary-press: var(--tg-roxo-700);
  --tg-primary-soft: var(--tg-roxo-100);
  --tg-accent: var(--tg-verde-400);
  --tg-accent-ink: var(--tg-grafite-800);
  --tg-text: var(--tg-grafite-800);
  --tg-text-muted: var(--tg-grafite-500);
  --tg-text-subtle: var(--tg-grafite-400);
  --tg-text-on-roxo: var(--tg-branco);
  --tg-text-on-accent: var(--tg-grafite-800);
  --tg-bg: var(--tg-cinza-50);
  --tg-surface: var(--tg-branco);
  --tg-surface-tint: var(--tg-roxo-100);
  --tg-surface-dark: var(--tg-roxo-900);
  --tg-border: var(--tg-grafite-200);
  --tg-border-strong: var(--tg-grafite-300);
  --tg-bg-verde: var(--tg-verde-400);
  --tg-bg-cinza: var(--tg-cinza-50);
  --tg-bg-roxo-claro: var(--tg-roxo-500);
  --tg-bg-roxo-escuro: var(--tg-roxo-700);
  --tg-success: #1fa85a;
  --tg-warning: var(--tg-laranja);
  --tg-danger: #e23d6b;
  --tg-info: var(--tg-azul);
  --tg-coin: var(--tg-laranja);
  --tg-coin-deep: #c98700;
  --tg-shadow-sm: 0 1px 2px rgba(39, 39, 37, 0.06), 0 2px 6px rgba(39, 39, 37, 0.06);
  --tg-shadow-md: 0 4px 10px rgba(39, 39, 37, 0.08), 0 12px 28px rgba(39, 39, 37, 0.10);
  --tg-shadow-lg: 0 18px 50px rgba(39, 39, 37, 0.16);
  --tg-shadow-roxo: 0 12px 30px rgba(114, 40, 243, 0.32);
  --tg-ring: 0 0 0 4px rgba(114, 40, 243, 0.30);
  --tg-sonhos: #C9B8F0;
  --tg-sonhos-tint: #EDE8FA;
  --tg-sonhos-ink: #6E4FB0;
  --tg-conhecimento: #D9C1A3;
  --tg-conhecimento-tint: #F4EAD9;
  --tg-conhecimento-ink: #9A7B4F;
  --tg-cuidado: #A8D8E8;
  --tg-cuidado-tint: #E3F2F7;
  --tg-cuidado-ink: #3E8FA8;
  --tg-dinheiro: #CFF099;
  --tg-dinheiro-tint: #ECF9DC;
  --tg-dinheiro-ink: #337F3C;
  --tg-font-display: "Clash Display", "Poppins", system-ui, sans-serif;
  --tg-font-text: "Poppins", system-ui, -apple-system, sans-serif;
}
:root {
  --tg-display-sm: 36px;
  --tg-display-md: 48px;
  --tg-display-lg: 64px;
  --tg-display-xl: 88px;
  --tg-space-1: 4px;
  --tg-space-2: 8px;
  --tg-space-3: 12px;
  --tg-space-4: 16px;
  --tg-space-5: 24px;
  --tg-space-6: 32px;
  --tg-space-7: 48px;
  --tg-space-8: 64px;
  --tg-space-9: 96px;
  --tg-container-sm: 640px;
  --tg-container-md: 960px;
  --tg-container-lg: 1200px;
  --tg-border-width: 1.5px;
  --tg-border-width-strong: 2.5px;
  --tg-radius-xs: 6px;
  --tg-radius-sm: 10px;
  --tg-radius-md: 16px;
  --tg-radius-lg: 24px;
  --tg-radius-xl: 32px;
  --tg-radius-pill: 999px;
  --tg-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --tg-ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --tg-dur-fast: 120ms;
  --tg-dur: 200ms;
  --tg-dur-slow: 340ms;
  --tg-fw-light: 300;
  --tg-fw-regular: 400;
  --tg-fw-medium: 500;
  --tg-fw-semibold: 600;
  --tg-fw-bold: 700;
  --tg-fw-extrabold: 800;
  --tg-text-xs: 12px;
  --tg-text-sm: 14px;
  --tg-text-base: 16px;
  --tg-text-md: 18px;
  --tg-text-lg: 22px;
  --tg-text-xl: 28px;
  --tg-leading-tight: 1.04;
  --tg-leading-snug: 1.18;
  --tg-leading-normal: 1.5;
  --tg-leading-relaxed: 1.65;
  --tg-tracking-tight: -0.02em;
  --tg-tracking-normal: 0;
  --tg-tracking-wide: 0.04em;
  --tg-tracking-caps: 0.14em;
  --tg-press-roxo: 0 5px 0 0 #4C19B2;
  --tg-press-verde: 0 5px 0 0 #7E9416;
  --tg-press-dark: 0 5px 0 0 #1C1C1B;
  --tg-gradient-roxo: radial-gradient(120% 120% at 30% 20%, #7228F3 0%, #4C19B2 100%);
  --tg-gradient-roxo-deep: radial-gradient(120% 120% at 30% 20%, #4C19B2 0%, #270274 100%);
  --tg-halo-roxo: radial-gradient(circle closest-side, rgba(138,77,246,0.75) 0 67%, rgba(138,77,246,0.50) 67% 100%, rgba(138,77,246,0) 100%);
  --tg-halo-light: radial-gradient(circle closest-side, rgba(255,255,255,0.22) 0 67%, rgba(255,255,255,0.13) 67% 100%, rgba(255,255,255,0) 100%);
  --tg-halo-verde: radial-gradient(circle closest-side, rgba(175,242,44,0.34) 0 67%, rgba(175,242,44,0.18) 67% 100%, rgba(175,242,44,0) 100%);
  --tg-halo-roxo-soft: radial-gradient(circle closest-side, rgba(114,40,243,0.16) 0 67%, rgba(114,40,243,0.09) 67% 100%, rgba(114,40,243,0) 100%);
  --font-tg-font-display: "Clash Display", "Poppins", system-ui, sans-serif;
  --font-tg-font-text: "Poppins", system-ui, -apple-system, sans-serif;
}
@font-face {
  font-family: "Clash Display";
  src: url("fonts/ClashDisplay-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Clash Display";
  src: url("fonts/ClashDisplay-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Clash Display";
  src: url("fonts/ClashDisplay-Semibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Clash Display";
  src: url("fonts/ClashDisplay-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("fonts/Poppins-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}