@import url("https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap");

/* ============================================================
   Smart Shop Pro — CSS Variables & Fonts
   FILE: public/css/ssp-variables.css
   ============================================================ */
/* ────────────────────────────────────────────────────────────
   CSS VARIABLES
   ──────────────────────────────────────────────────────────── */

:root {
  --ssp-green: #1a6fd4;
  --ssp-green-dark: #1254a8;
  --ssp-green-light: #e8f1fb;
  --ssp-black: #0f1117;
  --ssp-dark: #1a1d27;
  --ssp-card: #ffffff;
  --ssp-border: #dde4ef;
  --ssp-muted: #6b7280;
  --ssp-text: #1f2937;
  --ssp-bg: #f4f7fc;
  --ssp-sale: #ef4444;
  --ssp-badge: #f59e0b;
  --ssp-shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.06);
  --ssp-shadow-md: 0 4px 20px rgba(0, 0, 0, 0.1);
  --ssp-shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.15);
  --ssp-radius: 14px;
  --ssp-radius-sm: 8px;
  --ssp-font-head: "Syne", sans-serif;
  --ssp-font-body: "DM Sans", sans-serif;
  --ssp-transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}