/* =========================================================================
   VARIABLES.CSS
   Αυτό είναι το ΜΟΝΟ αρχείο που χρειάζεται να αλλάζεις σε κάθε νέο eshop.
   Όλα τα υπόλοιπα CSS αρχεία (shop.css, filters.css, cart-checkout.css)
   χρησιμοποιούν αυτές τις μεταβλητές — δεν έχουν κανένα hardcoded χρώμα.
   ========================================================================= */

:root{

  /* ---- Βασική παλέτα (άλλαξε αυτά ανά project) ---- */
  --shop-primary:        #1a1a1a;   /* κύριο χρώμα (κουμπιά, τονισμοί) */
  --shop-primary-hover:  #333333;   /* hover state του primary */
  --shop-accent:         #d4a373;   /* δευτερεύον / accent χρώμα (π.χ. badges, links) */
  --shop-accent-hover:   #b5875c;

  --shop-success:        #2e7d32;   /* π.χ. "In stock" */
  --shop-error:          #c0392b;   /* π.χ. σφάλματα, "Out of stock" */
  --shop-sale:           #e63946;   /* sale badge */

  /* ---- Ουδέτερα / φόντο / κείμενο ---- */
  --shop-bg:             #ffffff;   /* γενικό background σελίδας */
  --shop-bg-alt:         #f7f6f4;   /* εναλλακτικό background (π.χ. sidebar, sections) */
  --shop-card-bg:        #ffffff;   /* background κάρτας προϊόντος */
  --shop-border:         #e7e5e1;   /* γενικά borders */
  --shop-border-light:   #f0efec;

  --shop-text:           #1f1f1f;   /* κύριο κείμενο */
  --shop-text-muted:     #767671;   /* δευτερεύον κείμενο (π.χ. περιγραφές) */
  --shop-text-on-primary:#ffffff;   /* κείμενο πάνω σε primary background */

  /* ---- Τυπογραφία ---- */
  --shop-font-body:   'Poppins', 'Helvetica Neue', Arial, sans-serif;
  --shop-font-heading:'Poppins', 'Helvetica Neue', Arial, sans-serif;

  /* ---- Σχήματα / geometry ---- */
  --shop-radius-sm:   6px;   /* inputs, μικρά κουμπιά */
  --shop-radius-md:   12px;  /* κάρτες προϊόντων */
  --shop-radius-lg:   20px;  /* μεγάλα panels, modals, drawer */
  --shop-radius-pill: 999px; /* pill κουμπιά (add to cart, filters) */

  /* ---- Σκιές ---- */
  --shop-shadow-sm: 0 1px 3px rgba(0,0,0,.06);
  --shop-shadow-md: 0 6px 20px rgba(0,0,0,.08);
  --shop-shadow-lg: 0 12px 40px rgba(0,0,0,.16);

  /* ---- Μεταβάσεις ---- */
  --shop-transition: all .2s ease;

  /* ---- Layout ---- */
  --shop-container-max: 1280px;
  --shop-gap: 24px;

  /* ---- Z-index στοίβα (για drawer/floating button/overlay) ---- */
  --shop-z-floating-btn: 9998;
  --shop-z-drawer:       9999;
  --shop-z-overlay:      9990;
}

/* Παράδειγμα εναλλακτικής παλέτας — απλά ξε-σχολίασε (uncomment) αν θες
   γρήγορα ένα "σκούρο / πολυτελές" θέμα αντί για το ελαφρύ minimal:

:root{
  --shop-primary:#0f0f0f;
  --shop-primary-hover:#2a2a2a;
  --shop-accent:#c9a227;
  --shop-accent-hover:#a9871f;
  --shop-bg:#111111;
  --shop-bg-alt:#191919;
  --shop-card-bg:#1c1c1c;
  --shop-border:#2c2c2c;
  --shop-border-light:#242424;
  --shop-text:#f2f2f2;
  --shop-text-muted:#a3a3a3;
  --shop-text-on-primary:#ffffff;
}
*/