/* Tell Tailwind what to scan — paths are relative to THIS file (assets/input.css) */
@source "F:/Work - Web/curcubeu.ro/wp-static-site/**/*.{php,html,htm,js,jsx,ts,tsx}";
@source "F:/Work - Web/curcubeu.ro/wp-static-site/assets/**/*.{html,htm,js,jsx,ts,tsx}";

/* Load utilities layer only (no preflight) */
@import "tailwindcss/utilities";


/* Class-based dark mode (v4 style) */
@custom-variant dark (&:where(.dark, .dark *));

/* ---------- Your custom base & utilities ---------- */
@layer base {
  /* Scrollbar cosmetics */
  ::-webkit-scrollbar { width: 10px; height: 10px; }
  ::-webkit-scrollbar-thumb { background: rgba(100,116,139,.4); border-radius: 8px; }

  /* Article & category description typography */
  .article-content > * { margin-top: 1.1rem; margin-bottom: 1.1rem; }
  .article-content h2 { font-size: 1.5rem; font-weight: 700; line-height: 1.2; margin-top: 1.6rem; }
  .article-content h3 { font-size: 1.25rem; font-weight: 700; line-height: 1.3; margin-top: 1.4rem; }
  .article-content h4 { font-size: 1.1rem; font-weight: 700; line-height: 1.35; margin-top: 1.2rem; }
  .article-content ul { list-style: disc; padding-left: 1.5rem; }
  .article-content ol { list-style: decimal; padding-left: 1.5rem; }
  .article-content blockquote { border-left: 4px solid rgba(15,118,110,.25); padding-left: 1rem; color: #475569; }
  .dark .article-content blockquote { color: #cbd5e1; border-left-color: rgba(16,185,129,.35); }
  .article-content a { text-decoration: underline; text-underline-offset: 2px; }
  .article-content img { max-width: 100%; height: auto; border-radius: .75rem; }
  .article-content table { width: 100%; border-collapse: collapse; }
  .article-content th, .article-content td { border: 1px solid rgba(100,116,139,.25); padding: .5rem .75rem; }
  .dark .article-content th, .dark .article-content td { border-color: rgba(148,163,184,.25); }

  .cat-desc > * { margin-top: .75rem; margin-bottom: .75rem; }
  .cat-desc h2 { font-size: 1.25rem; font-weight: 700; }
  .cat-desc a { text-decoration: underline; text-underline-offset: 2px; }
  .cat-desc ul { list-style: disc; padding-left: 1.25rem; }
  .cat-desc ol { list-style: decimal; padding-left: 1.25rem; }
}

@layer utilities {
  .glass { backdrop-filter: saturate(180%) blur(12px); -webkit-backdrop-filter: saturate(180%) blur(12px); }
  .search-drop-enter { opacity: 0; transform: translateY(6px); }
  .search-drop-enter-active { transition: all .15s ease; opacity: 1; transform: translateY(0); }
  .cv-auto { content-visibility: auto; contain-intrinsic-size: 1000px 800px; }
  .shadow-soft { box-shadow: 0 8px 24px rgba(2, 6, 23, .08) }
}