/* ============================================================
   TOKENS — η μοναδική πηγή αλήθειας για χρώμα, τύπο, χώρο.
   Καμία τιμή χρώματος εκτός oklch. Καμία τιμή px στον τύπο.
   Βλ. ART-DIRECTION.md για το σκεπτικό κάθε τιμής.
   ============================================================ */

:root {
  /* ---------- Χρώμα: επιφάνειες ---------- */
  /* Άσπρο φόντο, κατ' απαίτηση. Οι γκρι τόνοι είναι ουδέτεροι (chroma 0) —
     ζεστά τιντάρισμα δίπλα σε καθαρό λευκό φαίνεται βρόμικο. */
  --paper:      oklch(1 0 0);           /* φόντο σελίδας — καθαρό λευκό      */
  --paper-sunk: oklch(0.965 0 0);       /* εναλλασσόμενα sections            */
  --surface:    oklch(1 0 0);           /* κάρτες                            */
  --deep:       oklch(0.20 0.018 160);  /* ανεστραμμένα sections             */
  --deep-lift:  oklch(0.26 0.018 160);  /* κάρτες μέσα σε --deep             */

  /* ---------- Χρώμα: κείμενο ---------- */
  --ink:        oklch(0.22 0.016 160);  /* 17.5:1 στο --paper                */
  --ink-muted:  oklch(0.50 0.012 160);  /*  6.0:1 στο --paper                */
  --ink-invert: oklch(1 0 0);           /* 17.9:1 στο --deep                 */
  --ink-invert-muted: oklch(0.78 0.010 160); /* 9.6:1 στο --deep             */

  /* ---------- Χρώμα: accent (το μόνο high-chroma) ---------- */
  --clay:       oklch(0.58 0.160 42);   /* επιφάνειες, focus ring, large-only */
  --clay-deep:  oklch(0.42 0.115 42);   /* accent ως κείμενο σε φως — 7.5:1  */
  --clay-lift:  oklch(0.72 0.130 42);   /* accent ως κείμενο σε σκούρο — 7:1 */
  --sage:       oklch(0.52 0.075 160);  /* ήσυχο σήμα                        */

  /* ---------- Χρώμα: γραμμές ---------- */
  --line:       oklch(0.90 0 0);        /* διακοσμητικές μόνο                */
  --line-firm:  oklch(0.62 0 0);        /* όρια φόρμας — 3.6:1, απαιτούμενο  */
  --line-invert: oklch(0.34 0.016 160);

  /* ---------- Τυπογραφία ---------- */
  /* Οι «fallback» εγγραφές ορίζονται στο fonts.css με διορθωμένες μετρικές,
     ώστε το κείμενο να μη μετακινείται όταν φορτώσει η πραγματική γραμματοσειρά. */
  --font-display: "Literata", "Literata fallback", Georgia, serif;
  --font-text: "Commissioner", "Commissioner fallback", "Segoe UI", Arial, sans-serif;

  /* Fluid scale — λόγος 1.25 */
  --step--1: clamp(0.80rem, 0.77rem + 0.16vw, 0.90rem);
  --step-0:  clamp(1.00rem, 0.96rem + 0.20vw, 1.125rem);
  --step-1:  clamp(1.25rem, 1.19rem + 0.30vw, 1.41rem);
  --step-2:  clamp(1.56rem, 1.46rem + 0.50vw, 1.76rem);
  --step-3:  clamp(1.95rem, 1.79rem + 0.80vw, 2.20rem);
  --step-4:  clamp(2.44rem, 2.18rem + 1.30vw, 2.75rem);
  --step-5:  clamp(3.05rem, 2.63rem + 2.10vw, 3.43rem);
  --step-6:  clamp(3.81rem, 3.15rem + 3.30vw, 4.29rem);

  --leading-tight: 1.08;
  --leading-snug:  1.25;
  --leading-body:  1.65;

  --tracking-tight: -0.02em;
  --tracking-wide:   0.08em;

  /* ---------- Χώρος — παράγωγος του type scale ---------- */
  --space-3xs: clamp(0.25rem, 0.24rem + 0.06vw, 0.31rem);
  --space-2xs: clamp(0.50rem, 0.48rem + 0.10vw, 0.56rem);
  --space-xs:  clamp(0.75rem, 0.72rem + 0.16vw, 0.84rem);
  --space-s:   clamp(1.00rem, 0.96rem + 0.20vw, 1.13rem);
  --space-m:   clamp(1.50rem, 1.43rem + 0.33vw, 1.69rem);
  --space-l:   clamp(2.00rem, 1.91rem + 0.45vw, 2.25rem);
  --space-xl:  clamp(3.00rem, 2.86rem + 0.68vw, 3.38rem);
  --space-2xl: clamp(4.00rem, 3.57rem + 2.14vw, 5.63rem);
  --space-3xl: clamp(6.00rem, 5.36rem + 3.21vw, 8.44rem);

  /* ---------- Grid ---------- */
  --gutter:   clamp(1.25rem, 5vw, 3.5rem);
  --content:  min(68rem, 100% - var(--gutter) * 2);
  --narrow:   min(42rem, 100% - var(--gutter) * 2);
  --breakout: minmax(0, 5rem);

  /* ---------- Λοιπά ---------- */
  --radius:      0.125rem;   /* σχεδόν τετράγωνο· τα 12px είναι στη rejection list */
  --radius-pill: 100vmax;
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur-base: 420ms;
  --dur-slow: 800ms;
  --header-h: 4.5rem;
}