@import "tailwindcss";
@import "@nuxt/ui";

/* 1. Definir la familia correctamente bajo un solo nombre */
@font-face {
  font-family: 'poppisbold';
  src: url('/fonts/Poppins-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'poppisregular';
  src: url('/fonts/Poppins-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'poppissemibold';
  src: url('/fonts/Poppins-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'poppismedium';
  src: url('/fonts/Poppins-Medium.ttf') format('truetype');
}

/* 2. Registrar en el tema y aplicarlo a Nuxt UI */
@theme static {
  --font-sans: "Poppins", ui-sans-serif, system-ui, sans-serif;
  --color-brand-primary: #2763D3;
  --color-brand-secondary: #AED50E;
  --color-brand-accent: #0C2E6F;
  --color-brand-bgcard: #F2F6FC;
}

:root {
  --ui-font-sans: var(--font-sans);
  --ui-primary: var(--color-brand-primary);
  --ui-secondary: var(--color-brand-secondary);
  --ui-accent: var(--color-brand-accent);
  --ui-bgcard: var(--color-brand-bgcard);
}