/* ============================================================
   PRESTO — DESIGN TOKENS
   Το ΜΟΝΟ αρχείο με σκληρές τιμές χρώματος, απόστασης και ακτίνας.
   Αν βρεις #6D5BD0 σε άλλο αρχείο, είναι bug.

   Κλίμακα αποστάσεων: πολλαπλάσια του 4. Καμία άλλη τιμή.
   ============================================================ */

:root{

  /* ── Χρώμα · κύριο ─────────────────────────────────────── */
  --brand:      #6D5BD0;
  --brand-d:    #5B4BC4;
  --brand-l:    #EDE9FE;
  --brand-xl:   #F5F3FF;

  /* ── Χρώμα · κείμενο (τέσσερα επίπεδα, όχι περισσότερα) ── */
  --ink:        #1F1B2E;
  --ink-2:      #635D7A;
  --ink-3:      #8B85A3;
  --ink-4:      #B5B0C7;

  /* ── Χρώμα · επιφάνειες ───────────────────────────────── */
  --bg:         #FBFAFF;
  --surf:       #FFFFFF;
  --soft:       #F4F2FC;
  --line:       #EAE6F7;
  --line-2:     #F2EFFB;

  /* ── Χρώμα · καταστάσεις ──────────────────────────────── */
  --ok:         #2E9E77;
  --ok-l:       #DCFCE7;
  --warn:       #D97706;
  --warn-l:     #FEF3C7;
  --err:        #DC2626;
  --err-l:      #FEE2E2;
  --star:       #F5B841;

  /* ── Παστέλ ανά κατηγορία ─────────────────────────────────
     Το παστέλ είναι ΠΑΝΤΑ φόντο, ποτέ κείμενο.
     Το κείμενο πάνω του είναι η σκούρα εκδοχή (--*-ink),
     με αντίθεση τουλάχιστον 4.5:1.
     Προσθήκη κατηγορίας = μία τριάδα εδώ, τίποτε άλλο.      */
  --p-wash-1:#BAE6FD; --p-wash-2:#A5B4FC; --p-wash-ink:#1E3A8A;
  --p-hair-1:#FBCFE8; --p-hair-2:#FDE68A; --p-hair-ink:#9D174D;
  --p-nail-1:#DDD6FE; --p-nail-2:#FBCFE8; --p-nail-ink:#5B21B6;
  --p-food-1:#FED7AA; --p-food-2:#FECACA; --p-food-ink:#9A3412;
  --p-spa-1: #A7F3D0; --p-spa-2: #BAE6FD; --p-spa-ink: #065F46;
  --p-gym-1: #C7D2FE; --p-gym-2: #DDD6FE; --p-gym-ink: #3730A3;
  --p-pet-1: #FEF08A; --p-pet-2: #FDE68A; --p-pet-ink: #854D0E;

  /* ── Αποστάσεις · κλίμακα 4px ─────────────────────────── */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-5:  20px;
  --s-6:  24px;
  --s-8:  32px;
  --s-10: 40px;
  --s-12: 48px;
  --s-16: 64px;
  --s-20: 80px;

  /* ── Ακτίνες ──────────────────────────────────────────── */
  --r-4:  8px;
  --r-3:  12px;
  --r-2:  16px;
  --r-1:  20px;
  --r:    26px;
  --r-x:  32px;
  --r-f:  999px;

  /* ── Σκιές · η απόχρωση είναι του brand, όχι μαύρη ────── */
  --sh-1: 0 1px 2px rgba(31,27,46,.04);
  --sh-2: 0 2px 4px rgba(31,27,46,.04), 0 8px 16px -8px rgba(109,91,208,.16);
  --sh-3: 0 4px 8px rgba(31,27,46,.04), 0 16px 32px -12px rgba(109,91,208,.24);
  --sh-4: 0 8px 16px rgba(31,27,46,.05), 0 32px 64px -24px rgba(109,91,208,.32);

  /* ── Τυπογραφία ───────────────────────────────────────── */
  --f: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --fs-10: 10px;   /* ετικέτα micro */
  --fs-11: 11px;   /* ελάχιστο επιτρεπτό — τίποτα κάτω από αυτό */
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-15: 15px;   /* σώμα κειμένου — όχι 13, ώστε να διαβάζεται από όλους */
  --fs-17: 17px;   /* τίτλος κάρτας */
  --fs-19: 19px;   /* επικεφαλίδα ενότητας */
  --fs-21: 21px;   /* ερώτηση βήματος */
  --fs-24: 24px;   /* τίτλος σελίδας */
  --fs-26: 26px;

  /* ── Στόχοι αφής ──────────────────────────────────────── */
  --tap:     48px;   /* ελάχιστο, χωρίς εξαίρεση */
  --tap-cta: 52px;
  --tap-lg:  56px;

  /* ── Κίνηση ───────────────────────────────────────────── */
  --ease: cubic-bezier(.2,.8,.2,1);
  --dur:  .22s;

  /* ── Διάταξη ──────────────────────────────────────────── */
  --maxw:      1280px;
  --header-h:  64px;
  --bottomnav: 72px;
}

/* Ρύθμιση «Μεγάλα γράμματα» — μία μεταβλητή, κλιμακώνονται όλα */
html[data-big="1"]{
  --fs-12:13px; --fs-13:14px; --fs-15:17px; --fs-17:19px;
  --fs-19:21px; --fs-21:23px; --fs-24:26px; --fs-26:29px;
}

/* Σεβασμός στη ρύθμιση μειωμένης κίνησης */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}