/* ═══ ΤΟ ΧΑΡΤΙ ΤΗΣ ΣΕΛΙΔΑΣ ═════════════════════════════════════════════════
   ΔΟΚΙΜΗ — αναστρέφεται σβήνοντας τη μία γραμμή <link> από το index.html.
   Δεν αλλάζει κανένα άλλο αρχείο· μόνο τιμές μεταβλητών.

   Το πρόβλημα: το φόντο της σελίδας ήταν #f7f4ee και οι κάρτες #ffffff —
   διαφορά τριών ποσοστιαίων μονάδων. Με τόσο μικρή απόσταση οι κάρτες δεν
   «σηκώνονται»· όλα διαβάζονται ως ένα ενιαίο λευκό φύλλο, όσο κι αν
   δουλέψεις τα περιγράμματα από πάνω.

   Η λύση δεν είναι να χρωματιστούν οι κάρτες — το κείμενο θέλει λευκό από
   κάτω. Είναι να βαθύνει το ΧΑΡΤΙ, ώστε το λευκό να γίνει ξεχωριστό υλικό. */
:root{
  --paper:#f1ece2;        /* ήταν #f7f4ee· δοκιμάστηκε #e9e2d4 και βάραινε */
  --card-2:#f4efe4;       /* ήταν #f1ece3 — ανεβαίνει λίγο, μένει τόνος ΜΕΣΑ στη λευκή κάρτα */
  --line:#dcd2c0;         /* ήταν #e0d8ca — λίγο πιο καθαρή γραμμή */
  /* Η σκιά βαθαίνει ελάχιστα: πάνω σε σκουρότερο χαρτί μια αχνή σκιά
     εξαφανίζεται, και οι κάρτες ξαναγίνονται επίπεδες. */
  --shadow:0 1px 2px rgba(35,29,24,.07),0 6px 18px rgba(35,29,24,.10);
}