/* Big Shoulders / Roboto Condensed font class for report labels */
.big-shoulders {
  font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif;
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* ─────────────────────────────────────────────────────────────
   DESIGN TOKENS — uzorak.com
   Accent red:  #C5001A
   Background:  slate-50  (#f8fafc)
   Border:      slate-200 (#e2e8f0)
   Text primary:  slate-900 (#0f172a)
   Text secondary: slate-500 (#64748b)
   Text muted:    slate-400 (#94a3b8)

   NOTE: Tailwind is loaded via CDN (no PostCSS / no @apply).
   All utility classes are written inline in JSX.
   The names below document the design system conventions used
   in ServicesSection.tsx and related components.

   TYPOGRAPHY
   .section-label   → text-xs font-bold tracking-widest uppercase text-slate-400
   .section-heading → text-3xl md:text-4xl font-bold tracking-tight text-slate-900
   .section-sub     → text-base text-slate-500 leading-relaxed
   .card-heading    → text-xl font-bold text-slate-900 leading-tight
   .card-body       → text-sm text-slate-500 leading-relaxed
   .feature-title   → text-sm font-semibold text-slate-800

   BADGES / TAGS
   .example-tag     → text-xs font-mono text-slate-500 bg-slate-50 border border-slate-200 rounded px-2 py-0.5
   .badge-popular   → text-xs font-bold text-white bg-[#C5001A] rounded-full px-3 py-1
   .badge-price     → text-sm font-bold text-slate-700 bg-slate-50 border border-slate-200 rounded-full px-3 py-1
   .badge-coming    → text-xs font-semibold text-amber-600 bg-amber-50 border border-amber-200 rounded-full px-2.5 py-0.5
   .badge-standard  → text-xs font-semibold text-slate-600 bg-slate-50 border border-slate-200 rounded-full px-2.5 py-0.5

   BUTTONS
   .btn-primary → bg-slate-900 text-white font-semibold rounded-lg px-5 py-2.5 text-sm hover:bg-slate-800 transition-colors
   .btn-red     → bg-[#C5001A] text-white font-semibold rounded-lg px-5 py-2.5 text-sm hover:bg-red-700 transition-colors
   .btn-link    → text-sm font-semibold text-[#C5001A] hover:underline flex items-center gap-1

   CARDS
   .service-card → bg-white border border-slate-200 rounded-2xl p-6 md:p-8 flex flex-col gap-4
   .feature-row  → border-t border-slate-100 pt-4 flex flex-col gap-1.5
   ───────────────────────────────────────────────────────────── */