/* e-soccer.gr - design tokens. ΟΛΑ τα χρώματα, οι γραμματοσειρές και οι αποστάσεις
   ζουν εδώ. Αλλαγή χρώματος = μία γραμμή. Τα υπόλοιπα CSS διαβάζουν μόνο var(--…). */
:root{
  /* Ταυτότητα (νέο λογότυπο, 16/10): Φλόγα, Μελάνι, Χαρτί - από το README του λογοτύπου */
  --orange:#F26A1B;        /* Φλόγα - γεμίσματα, γραμμές, μεγάλα νούμερα (3,5:1 σε Χαρτί: όχι για μικρό κείμενο) */
  --orange-ink:#A83B02;    /* Φλόγα για ΜΙΚΡΟ κείμενο σε Χαρτί (5,8:1) - το χρώμα συνδέσμου του README */
  --black:#0E0E10;         /* Μελάνι */
  --ink:#0E0E10;           /* κείμενο = Μελάνι */
  --paper:#F7F4EF;         /* Χαρτί - φόντο σελίδας */
  --white:#FFFFFF;
  --mute:#5C5852;          /* δευτερεύον κείμενο (6,4:1 σε Χαρτί) */
  --faint:#8A8A8A;         /* μόνο για μη-κείμενο: σημάδια, άξονες */
  --line:#DED8CE;          /* γραμμές πινάκων */
  --line-strong:#0E0E10;   /* χοντρές γραμμές ενοτήτων */
  --tint:#EDE8E0;          /* σπάνιο φόντο: «δεν διεξήχθη», σημειώσεις */
  --on-dark:#F7F4EF;       /* Χαρτί σε Μελάνι */
  --on-dark-mute:#A8A8A8;
  --dark-2:#1C1C1C;        /* κενή αφίσα σε μαύρο */
  --dark-line:#2E2E2E;     /* γραμμές σε μαύρο */
  --ghost:#232327;         /* γιγάντιος σβησμένος αριθμός πίσω από τίτλο σε μαύρο */
  --hl:#FFE9A8;            /* η κίτρινη επισήμανση των πρωτότυπων κειμένων */

  /* Γραμματοσειρές: και οι δύο με πλήρη ελληνικά + λατινικά */
  --f-text:'Alegreya',Georgia,'Times New Roman',serif;             /* πρόζα άρθρων */
  --f-ui:'Fira Sans Condensed','Arial Narrow',Arial,sans-serif;     /* όλα τα άλλα */
  --f-display:'Fira Sans Extra Condensed','Fira Sans Condensed','Arial Narrow',sans-serif; /* μεγάλοι τίτλοι (με ελληνικά) */
  --f-mark:'Archivo',Helvetica,Arial,sans-serif;     /* ΜΟΝΟ το wordmark «e-soccer» - χωρίς ελληνικά */
  --f-mark-gr:'Instrument Serif',Georgia,serif;      /* ΜΟΝΟ το «.gr» */
  --f-mono:'JetBrains Mono',ui-monospace,monospace;  /* σκορ, σεζόν, ετικέτες */

  /* Κλίμακα μεγεθών (κινητό πρώτα· μεγαλώνει στο ≥900px) */
  --fs-xs:.78rem; --fs-s:.9rem; --fs-m:1rem; --fs-l:1.2rem; --fs-xl:1.6rem;
  --fs-h1:2.6rem; --fs-display:3rem; --fs-mega:4.2rem; --fs-prose:1.16rem;
  --hero-h:68vh;          /* ύψος μεγάλης εικόνας */
  --scrim:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,0) 75%); /* σκοτείνιασμα κάτω από τίτλο σε εικόνα */
  --ease:cubic-bezier(.2,.7,.2,1);

  /* Αποστάσεις */
  --s1:.25rem; --s2:.5rem; --s3:.75rem; --s4:1rem; --s5:1.5rem; --s6:2rem; --s7:3rem;
  --gutter:16px;
  --measure:38rem;        /* πλάτος κειμένου */
  --page:72rem;           /* μέγιστο πλάτος σελίδας */
  --rule:3px;             /* πάχος γραμμής ενότητας */
}
@media (min-width:900px){
  :root{ --fs-h1:4.4rem; --fs-display:5rem; --fs-mega:8rem; --fs-prose:1.22rem; --gutter:32px; --hero-h:78vh; }
}