/* =====================================================================
   e-psychologia — design tokens
   ---------------------------------------------------------------------
   Χρώματα και γραμματοσειρές αλλάζουν ΜΟΝΟ εδώ.
   Όπου υπάρχει και -rgb, άλλαξέ το μαζί με το hex: το template το
   χρειάζεται για τις διαφάνειες (rgba(var(--x-rgb), .1)).
   Πηγή παλέτας: η επαγγελματική κάρτα και το λογότυπο Θέα (2026-10-14):
   ροζ #AF858E, γκρι #BDB9B2, χρυσό #C6A43B, κείμενα σε δαμασκηνί.
   Τα ονόματα (cocoa, clay) είναι από την πρώτη παλέτα· ο ρόλος τους μένει ίδιος.
   ===================================================================== */
:root {
  /* Επιφάνειες — παστέλ. Μόνο για φόντα και διακοσμητικά, ποτέ για κείμενο. */
  --rb-paper: #F6F0F1;          /* ροζ-λευκό, κύριο φόντο ενοτήτων */
  --rb-paper-rgb: 246, 240, 241;
  --rb-paper-2: #EEEAE8;        /* γκρι-λευκό (το γκρι του λογότυπου), εναλλακτικό φόντο */
  --rb-rose: #EADDE0;           /* ροζ πούδρα */
  --rb-sand: #EAE5E1;           /* ζεστό γκρι */
  --rb-sage: #BDB9B2;           /* γκρι του λογότυπου */
  --rb-clay: #AF858E;           /* ροζ του λογότυπου — διακοσμητικό accent */
  --rb-clay-rgb: 175, 133, 142;
  --rb-gold: #C6A43B;           /* χρυσό του λογότυπου — μόνο λεπτές γραμμές, ποτέ κείμενο */
  --rb-gold-rgb: 198, 164, 59;
  --rb-white: #FFFFFF;

  /* Κείμενο και δράση — περνούν WCAG AA σε όλα τα φόντα παραπάνω */
  --rb-cocoa: #4A3543;          /* δαμασκηνί: τίτλοι, έντονα (9,9:1 στο paper) */
  --rb-cocoa-rgb: 74, 53, 67;
  --rb-ink: #5E4A58;            /* κείμενο σώματος (7,2:1 στο paper) */
  --rb-clay-strong: #7E5163;    /* ροζ-δαμασκηνί: κουμπιά, links, υπότιτλοι (6,5:1 με λευκό, 5,8:1 στο paper, 4,9:1 στο rose) */
  --rb-clay-strong-rgb: 126, 81, 99;
  --rb-sage-strong: #5F585D;    /* δευτερεύον κείμενο, εικονίδια (6,1:1 στο paper) */
  --rb-sage-strong-rgb: 95, 88, 93;
  --rb-primary-hover: var(--rb-cocoa); /* hover κουμπιών */

  /* Ζώνες έμφασης: topbar, «Γιατί το κάνουμε», αξιολογήσεις, CTA, footer.
     Ανοιχτό bg + σκούρα fg/text/accent (όλα ≥4,5:1 πάνω στο bg). */
  --rb-band-bg: #EBDFE2;                     /* ροζ πούδρα */
  --rb-band-bg-rgb: 235, 223, 226;
  --rb-band-fg: #4A3543;                     /* τίτλοι, έντονα (8,6:1) */
  --rb-band-text: #5E4A58;                   /* κείμενο, links (6,2:1) */
  --rb-band-accent: #7E5163;                 /* υπότιτλοι, εικονίδια, focus (5:1) */

  /* Τυπογραφία — και οι δύο έχουν ελληνικά */
  --rb-font-display: "Literata", Georgia, serif; /* φιλική serif, με ελληνικά */
  --rb-font-body: "Commissioner", "Segoe UI", Arial, sans-serif;

  /* Σχήμα */
  --rb-radius: 18px;
}