<aside> 💡

NOTE ——— Working on this section

</aside>

• TailwindCSS for utility-based styling
• Global themes via global.css

@import url('<https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Roboto:wght@100;300;400;700;900&display=swap>');

@import 'tailwindcss';
@import 'tw-animate-css';
@plugin "@tailwindcss/typography";

/* Tailwind dark variant */
@custom-variant dark (&:is(.dark *));

/* Tailwind v4 Design Tokens */
@theme {
  /* Fonts */
  --default-font-family: var(--font-inter);
  --font-inter: var(--font-inter);
  --font-secondary: 'Lato', sans-serif;
  --font-tertiary: 'Roboto', sans-serif;
  }

• Dark mode support with class strategy