/*
Theme Name:        PrintAtPrism Theme
Theme URI:         https://printatprism.com/
Author:            PrintAtPrism Web Team
Author URI:        https://printatprism.com/
Description:       Premium commercial printing agency theme. Dynamic 4over-style product matrix, ACF-driven product links, a native WP_Query "Business Insights" loop, class-based dark ("Ink") / light ("Paper") mode, and a secure pre-press contact inquiry handler. Built on a compiled Tailwind CSS v4 utility layer.
Version:           1.0.0
Requires at least: 6.4
Tested up to:      6.6
Requires PHP:      8.0
License:           GNU General Public License v2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       printatprism
Tags:              custom-colors, custom-menu, featured-images, translation-ready, full-width-template
*/

/* =============================================================================
   TAILWIND CSS v4 SOURCE ENTRY
   -----------------------------------------------------------------------------
   This file is BOTH the required WordPress stylesheet header (above) AND the
   Tailwind v4 build input. The Tailwind CLI compiles this file down to
   /assets/css/build.css, which is what functions.php actually enqueues on the
   front end. See README.md ("Build the CSS") for the exact command.

   Do NOT paste raw @tailwindcss/@theme directives into a browser expecting them
   to work un-compiled -- they must pass through the Tailwind v4 compiler first
   (or the Play CDN dev fallback declared in functions.php).
   ========================================================================== */

/* Tell Tailwind which files to scan for utility classes (v4 @source syntax). */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');
@import "tailwindcss";

/* Scan every PHP template + JS asset so utility classes are never purged. */
@source "./**/*.php";
@source "./assets/js/**/*.js";

/* Safelist utilities composed at runtime from PHP vars in the Insights loop
   (the scanner can't assemble these split-by-<?php ?> class tokens). */
@source inline("from-[#00A3E0]/5 from-[#E4007F]/5 from-yellow-500/5");
@source inline("bg-[radial-gradient(#00A3E0_1px,transparent_1px)] bg-[radial-gradient(#E4007F_1px,transparent_1px)] bg-[radial-gradient(#eab308_1px,transparent_1px)]");
@source inline("group-hover:border-[#00A3E0]/30 group-hover:border-[#E4007F]/30 group-hover:border-[#eab308]/30");

/* Class-based dark mode: <html class="dark"> is toggled by assets/js/theme.js */
@variant dark (&:where(.dark, .dark *));

@theme {
  --font-sans:    "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Space Grotesk", sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
}

@layer base {
  body {
    font-family: var(--font-sans);
    overflow-x: hidden;
    @apply bg-slate-50 text-slate-900 transition-colors duration-200;
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-display);
    letter-spacing: -0.02em;
  }
}

/* Custom scrollbar for modern touch */
::-webkit-scrollbar        { width: 8px; height: 8px; }
::-webkit-scrollbar-track  { background: #111827; }
::-webkit-scrollbar-thumb  { background: #374151; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #4b5563; }
