/**
 * main.css — Tailwind CSS entry point + custom animations
 * Kayak Delivery · kayakdelivery.it
 *
 * BUILD COMMAND (da root del progetto):
 *   npx tailwindcss -i ./css/main.css -o ./css/output.css --minify
 *
 * In index.html puntare a /css/output.css in produzione.
 */

/* Tailwind base layers */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* ============================================================
   CUSTOM ANIMATIONS
   NOTE: .animate-fade-up, .animate-pulse-ring, .animate-float
   are not referenced in any HTML page. Definitions removed to
   avoid dead code in the compiled output.css.
   ============================================================ */

/* ============================================================
   SMOOTH SCROLL — already declared unconditionally in every
   page <style> block and in output.css. Removed redundant
   declaration from this entry-point file.
   ============================================================ */

/* ============================================================
   FOCUS VISIBLE — accessibilità keyboard navigation
   ============================================================ */

:focus-visible {
  outline: 2px solid #ff6b00;
  outline-offset: 3px;
}

/* ============================================================
   CUSTOM UTILITY CLASSES
   Opacity variants not in Tailwind's default scale + other
   specifics used across pages and blog posts.
   ============================================================ */

.bg-orange\/4  { background-color: rgb(255 107 0 / 0.04); }
.bg-orange\/8  { background-color: rgb(255 107 0 / 0.08); }
.bg-anthracite\/8 { background-color: rgb(28 28 46 / 0.08); }
.text-\[0\.95rem\] { font-size: 0.95rem; }