/*
 * Theme Variables
 * These variables replace Tailwind and DaisyUI theme configuration
 * --color-pink-500 = pink-500 in Tailwind
 * --color-blue-500 = blue-500 in Tailwind
 * --theme-night-bg = Replaces DaisyUI's night theme background
 */
:root {
  --color-pink-500: #ec4899;
  --color-blue-500: #3b82f6;
  --color-white: #ffffff;
  --theme-night-bg: #1f2937;
  --theme-night-text: #ffffff;
}

/*
 * Night Theme
 * Equivalent to DaisyUI's [data-theme="night"] theme
 * Sets dark mode colors for the entire site
 */
[data-theme="night"] {
  background-color: var(--theme-night-bg);
  color: var(--theme-night-text);
}

/*
 * Reset & Base Styles
 * Replaces Tailwind's base styles and normalizes the page
 * html, body = min-h-screen in Tailwind
 */
html, body {
  height: 100%;
  margin: 0;
  font-family: ui-sans-serif, system-ui, sans-serif;
  line-height: 1.5;
}

/*
 * Text Utilities
 * Direct equivalents to Tailwind's text utilities:
 * .text-center = text-center
 * .text-white = text-white
 * .text-4xl = text-4xl (2.25rem)
 * .text-2xl = text-2xl (1.5rem)
 * .text-xl = text-xl (1.25rem)
 * .font-extrabold = font-extrabold
 * .tracking-tight = tracking-tight
 */
.text-center { text-align: center; }
.text-white { color: var(--color-white); }
.text-4xl { font-size: 2.25rem; }
.text-2xl { font-size: 1.5rem; }
.text-xl { font-size: 1.25rem; }
.font-extrabold { font-weight: 800; }
.tracking-tight { letter-spacing: -0.025em; }

/*
 * Base Link Styles
 * Replaces Tailwind's default link styling
 * Equivalent to: no-underline text-inherit
 */
a {
  color: inherit;
  text-decoration: none;
}