/* kolydart.gr — design tokens
   Φωτεινό + σκούρο θέμα. Εφαρμογή: αυτόματα με prefers-color-scheme όταν ο
   επισκέπτης δεν έχει επιλέξει, ρητά με html[data-theme="dark"|"light"].
   Στην εκτύπωση επιβάλλεται πάντα το φωτεινό σετ. */

:root {
  /* γραμματοσειρές */
  --k-font-serif: 'Literata', Georgia, serif;
  --k-font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* τυπογραφική κλίμακα */
  --k-text-xs: 10px;
  --k-text-sm: 11px;
  --k-text-meta: 12px;
  --k-text-data: 13px;
  --k-text-date: 14px;
  --k-text-sm-body: 15px;
  --k-text-list: 16px;
  --k-text-body: 17px;
  --k-text-lead: 19px;
  --k-text-card: 20px;
  --k-text-lg: clamp(21px, 3.2vw, 26px);
  --k-text-xl: clamp(25px, 4.4vw, 36px);
  --k-text-2xl: clamp(26px, 5.2vw, 42px);
  --k-text-3xl: clamp(28px, 5.6vw, 46px);

  /* line heights */
  --k-lh-tight: 1.1;
  --k-lh-card: 1.3;
  --k-lh-snug: 1.55;
  --k-lh-list: 1.6;
  --k-lh-body: 1.7;
  --k-lh-meta: 2;

  /* αποστάσεις */
  --k-space-1: 6px;
  --k-space-2: 10px;
  --k-space-3: 14px;
  --k-space-4: 22px;
  --k-space-5: 34px;
  --k-space-6: 46px;
  --k-space-7: 56px;
  --k-space-8: 64px;

  /* διάταξη */
  --k-pad-x: 32px;
  --k-pad-x-mobile: 20px;
  --k-container: 1200px;
  --k-measure: 700px;

  /* περιθώριο MEI — διάταξη */
  --k-mei-col: 300px;          /* πλάτος στήλης = δεξιά στήλη του hero */
  --k-mei-gutter: 36px;        /* κενό σώματος → γραμμή στήλης (padding-right του κυρίως κελιού) */
  --k-mei-pad-x: 26px;         /* εσωτερικό αριστερό περιθώριο, από τη γραμμή --k-rule */
  --k-mei-pad-end: 6px;        /* εσωτερικό δεξί */
  --k-mei-pad-bottom: 24px;    /* απόσταση συνδέσμων από τη βάση του κελιού */
  --k-mei-size: 10px;
  --k-mei-lh: 2.2;             /* 22px ανά γραμμή */
  --k-mei-tracking: -0.04em;
  --k-mei-fade: 88px;          /* ύψος σβησίματος (4 γραμμές) */
  --k-mei-fade-min: 55%;       /* το σβήσιμο δεν ξεκινά ποτέ πάνω από αυτό */
  --k-mei-links-gap: 6px;      /* κώδικας → σύνδεσμοι */
  --k-mei-links-sep: 8px;      /* ανάμεσα στους δύο συνδέσμους */
  /* κατώφλι 150px: γράφεται ως literal στο @container (οι μεταβλητές δεν επιτρέπονται εκεί) */

  /* ακτίνες — το σύστημα είναι επίπεδο */
  --k-radius-0: 0;
  --k-radius-field: 0;

  /* χρώματα — φωτεινό θέμα */
  --k-bg: #eceae5;
  --k-surface: #dcd9d3;
  --k-zone: #0f1115;
  --k-zone-ink: #eceae5;
  --k-zone-soft: #c3c1bc;
  --k-zone-dim: #a8abb0;
  --k-zone-muted: #7e8186;
  --k-zone-rule: #26282d;
  --k-zone-border: #3a3d43;
  --k-zone-border-strong: #4a4d53;
  --k-zone-field: #181b20;
  --k-ink: #0f1115;
  --k-ink-soft: #3a3c40;
  --k-muted: #56585c;
  /* MEI: 5 ρόλοι σήμανσης — σχήμα «γραφίτης». Αντίθεση σκόπιμα < 5.7:1 (aria-hidden) */
  --k-mei: #949392; /* ψευδώνυμο του --k-mei-el (συμβατότητα) */
  --k-mei-punct: #bbbab7;
  --k-mei-el: #949392;
  --k-mei-attr: #aeadab;
  --k-mei-msg: #bb6d51;
  --k-mei-val: #949392;
  --k-rule: #cfcdc7;
  --k-rule-strong: #0f1115;
  --k-field-border: #a9a7a2;
  --k-disabled-ink: #8b8884;
  --k-accent: #a83c18;
  --k-accent-bg: #a83c18;
  --k-on-accent: #ffffff;
  --k-accent-on-dark: #f0916b;
  --k-signal: #0f6f78;
  --k-signal-on-dark: #3fc3cd;
  --k-image: #d5d3ce;
  --k-image-ink: #43454a;
  --k-tab-active-bg: #0f1115;
  --k-tab-active-ink: #eceae5;
}

/* χρώματα — σκούρο θέμα (ξεχωριστό σετ τιμών, όχι αντιστροφή) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --k-bg: #15171c;
    --k-surface: #1b1e24;
    --k-zone: #0a0c10;
    --k-zone-ink: #e8e6e1;
    --k-zone-soft: #c3c1bc;
    --k-zone-dim: #a8abb0;
    --k-zone-muted: #9a9da2;
    --k-zone-rule: #2a2e35;
    --k-zone-border: #3f444b;
    --k-zone-border-strong: #565b63;
    --k-zone-field: #14171c;
    --k-ink: #e8e6e1;
    --k-ink-soft: #c9c6c0;
    --k-muted: #a0a29f;
    --k-mei: #59595b; /* ψευδώνυμο του --k-mei-el */
    --k-mei-punct: #3b3c40;
    --k-mei-el: #59595b;
    --k-mei-attr: #48494b;
    --k-mei-msg: #a66850;
    --k-mei-val: #59595b;
    --k-rule: #2e3238;
    --k-rule-strong: #4a4e55;
    --k-field-border: #4a4e55;
    --k-disabled-ink: #6d7075;
    --k-accent: #f0916b;
    --k-accent-bg: #f0916b;
    --k-on-accent: #17120f;
    --k-accent-on-dark: #f0916b;
    --k-signal: #4fc3cd;
    --k-signal-on-dark: #3fc3cd;
    --k-image: #2a2d33;
    --k-image-ink: #c9c6c0;
    --k-tab-active-bg: #e8e6e1;
    --k-tab-active-ink: #15171c;
  }
}

:root[data-theme="dark"] {
  --k-bg: #15171c;
  --k-surface: #1b1e24;
  --k-zone: #0a0c10;
  --k-zone-ink: #e8e6e1;
  --k-zone-soft: #c3c1bc;
  --k-zone-dim: #a8abb0;
  --k-zone-muted: #9a9da2;
  --k-zone-rule: #2a2e35;
  --k-zone-border: #3f444b;
  --k-zone-border-strong: #565b63;
  --k-zone-field: #14171c;
  --k-ink: #e8e6e1;
  --k-ink-soft: #c9c6c0;
  --k-muted: #a0a29f;
  --k-mei: #59595b; /* ψευδώνυμο του --k-mei-el */
  --k-mei-punct: #3b3c40;
  --k-mei-el: #59595b;
  --k-mei-attr: #48494b;
  --k-mei-msg: #a66850;
  --k-mei-val: #59595b;
  --k-rule: #2e3238;
  --k-rule-strong: #4a4e55;
  --k-field-border: #4a4e55;
  --k-disabled-ink: #6d7075;
  --k-accent: #f0916b;
  --k-accent-bg: #f0916b;
  --k-on-accent: #17120f;
  --k-accent-on-dark: #f0916b;
  --k-signal: #4fc3cd;
  --k-signal-on-dark: #3fc3cd;
  --k-image: #2a2d33;
  --k-image-ink: #c9c6c0;
  --k-tab-active-bg: #e8e6e1;
  --k-tab-active-ink: #15171c;
}

@media print {
  :root,
  :root[data-theme="dark"] {
    --k-bg: #eceae5;
    --k-surface: #dcd9d3;
    --k-zone: #0f1115;
    --k-zone-ink: #eceae5;
    --k-zone-muted: #7e8186;
    --k-zone-rule: #26282d;
    --k-zone-border: #3a3d43;
    --k-zone-border-strong: #4a4d53;
    --k-zone-field: #181b20;
    --k-ink: #0f1115;
    --k-ink-soft: #3a3c40;
    --k-muted: #56585c;
    --k-mei: #949392; /* ψευδώνυμο του --k-mei-el */
    --k-mei-punct: #bbbab7;
    --k-mei-el: #949392;
    --k-mei-attr: #aeadab;
    --k-mei-msg: #bb6d51;
    --k-mei-val: #949392;
    --k-rule: #cfcdc7;
    --k-rule-strong: #0f1115;
    --k-field-border: #a9a7a2;
    --k-disabled-ink: #8b8884;
    --k-accent: #a83c18;
    --k-accent-bg: #a83c18;
    --k-on-accent: #ffffff;
    --k-signal: #0f6f78;
    --k-image: #d5d3ce;
    --k-image-ink: #43454a;
    --k-tab-active-bg: #0f1115;
    --k-tab-active-ink: #eceae5;
  }
}

/* Περιθώριο MEI — εναλλακτικά σχήματα (προεπιλογή: graphite, χωρίς attribute).
   Δεν χρειάζονται στην παραγωγή· κρατιούνται για σύγκριση. */
:root[data-mei="petrol"] { --k-mei-el: #7eadae; }
:root[data-mei="sepia"] { --k-mei-punct: #c8c1b8; --k-mei-el: #aaa094; --k-mei-attr: #bdb6ac; --k-mei-msg: #a88a70; --k-mei-val: #aaa094; }
:root[data-mei="petrol"][data-theme="dark"] { --k-mei-el: #2b585f; }
:root[data-mei="sepia"][data-theme="dark"] { --k-mei-punct: #3d3a38; --k-mei-el: #59544d; --k-mei-attr: #474440; --k-mei-msg: #816245; --k-mei-val: #59544d; }
@media (prefers-color-scheme: dark) {
  :root[data-mei="petrol"]:not([data-theme="light"]) { --k-mei-el: #2b585f; }
  :root[data-mei="sepia"]:not([data-theme="light"]) { --k-mei-punct: #3d3a38; --k-mei-el: #59544d; --k-mei-attr: #474440; --k-mei-msg: #816245; --k-mei-val: #59544d; }
}