/* ═══════════ DESIGN TOKENS ═══════════
   Ένα σημείο αλήθειας για χρώμα, τυπογραφία, απόσταση και βάθος.
   Κανένα component δεν γράφει σκέτο hex ή px — όλα δείχνουν εδώ.
   Αλλάζεις το brand; Αλλάζεις αυτό το αρχείο, όχι 40 άλλα. */

:root {
  /* ── Βάση: LIGHT-FIRST (απόφαση 4/10/2026).
         Το σκούρο ήταν τολμηρό αλλά βαρύ· το φωτεινό διαβάζεται ευκολότερα, τα
         λογότυπα των πελατών είναι φτιαγμένα για λευκό, και η σελίδα «αναπνέει».
         Το σκούρο μένει διαθέσιμο ως [data-theme="dark"] — ίδια components. ── */
  --c-bg:            #FFFFFF;   /* το φόντο της σελίδας */
  --c-surface:       #FFFFFF;   /* κάρτες, πάνελ */
  --c-surface-2:     #F2F6FC;   /* ανυψωμένη επιφάνεια, hover, ζώνες */
  --c-line:          #E2E9F3;   /* διαχωριστικά, περιγράμματα */
  --c-ink:           #0B1220;   /* κύριο κείμενο */
  --c-ink-2:         #4C5C78;   /* δευτερεύον κείμενο */
  --c-ink-3:         #5E6D86;   /* υποσημειώσεις, labels — ήταν #7C8BA4, 3.2:1 σε λευκό, κάτω από WCAG AA */
  --c-link:          #1668C7;   /* links μέσα σε κείμενο: το brand #2E9BFF βγάζει 2.9:1 */
  --c-brand-2-ink:   #0A7A74;   /* το teal όταν είναι ΚΕΙΜΕΝΟ (αριθμήσεις, χρονιές) — 4.9:1 */

  /* ── Η μάρκα CloudOn ── */
  --c-brand:         #2E9BFF;
  --c-brand-2:       #12B5AC;
  --g-brand:         linear-gradient(135deg, var(--c-brand), var(--c-brand-2));

  /* ── Accent ΑΝΑ ΠΡΟΪΟΝ. Το πράσινο ανήκει στο PharmacyOne και ΜΟΝΟ εκεί. ── */
  --c-pharmacyone:   #00A849;   /* σκουρότερο από το brand green: σε λευκό το #00D85F δεν περνά WCAG */
  --c-boxvisio:      #2E9BFF;
  --c-rxvision:      #7C5CFF;
  --c-cloud:         #0FA9A0;
  --c-pbx:           #FF8A3D;
  --c-ecom:          #FF4D8D;
  --c-caron:         #FFC53D;
  --c-findora:       #4F46E5;   /* indigo της μάρκας Findora — ξεχωρίζει από RxVision (μωβ) και BoxVisio (μπλε) */
  --c-nous:          #2F6BFF;   /* μπλε της μάρκας Nous (nous.cloudon.gr) — βαθύτερο από το γαλάζιο του BoxVisio */

  /* ── Κατάσταση ── */
  --c-ok:            #2ED47A;
  --c-warn:          #FFB020;
  --c-bad:           #FF5A5F;

  /* ── Τυπογραφία ── */
  --f-sans:  "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --f-mono:  "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Κλίμακα που αναπνέει με την οθόνη — χωρίς media queries για κάθε μέγεθος */
  --t-hero:  clamp(2.4rem, 1.2rem + 4.2vw, 4.6rem);
  --t-h1:    clamp(2rem,   1.2rem + 2.6vw, 3.2rem);
  --t-h2:    clamp(1.55rem, 1.1rem + 1.6vw, 2.3rem);
  --t-h3:    clamp(1.2rem, 1rem + 0.7vw, 1.5rem);
  --t-body:  1.0625rem;   /* 17px — διαβάζεται άνετα στα ελληνικά */
  --t-small: 0.875rem;
  --t-micro: 0.75rem;

  --lh-tight: 1.12;
  --lh-head:  1.22;
  --lh-body:  1.65;

  /* ── Απόσταση: κλίμακα 4px, με ονόματα όχι νούμερα ── */
  --s-1: 0.25rem;  --s-2: 0.5rem;   --s-3: 0.75rem;  --s-4: 1rem;
  --s-5: 1.5rem;   --s-6: 2rem;     --s-7: 3rem;     --s-8: 4rem;
  --s-9: 6rem;     --s-10: 8rem;

  /* ── Σχήμα & βάθος ── */
  --r-sm: 10px;  --r-md: 16px;  --r-lg: 24px;  --r-full: 999px;
  --sh-1: 0 1px 2px rgba(11,18,32,.06);
  --sh-2: 0 10px 28px rgba(11,18,32,.08);
  --sh-3: 0 26px 70px rgba(11,18,32,.12);
  --glow: 0 0 0 1px rgba(46,155,255,.22), 0 10px 36px rgba(46,155,255,.18);

  /* ── Πλάτη ── */
  --w-page: 1240px;
  --w-text: 68ch;      /* όριο αναγνωσιμότητας — όχι «όλο το πλάτος» */
  --gutter: clamp(1rem, 4vw, 2.5rem);

  /* ── Κίνηση ── */
  --e-out: cubic-bezier(.22,.61,.36,1);
  --d-fast: .15s;  --d-base: .25s;  --d-slow: .45s;
}

/* ── Σκούρα εμφάνιση (διακόπτης στην κεφαλίδα, 8/11/2026): ΜΟΝΟ τα tokens αλλάζουν ──
   Το header.php βάζει data-theme="dark" πριν το πρώτο paint αν το έχει διαλέξει ο επισκέπτης. */
[data-theme="dark"] {
  color-scheme: dark;            /* φόρμες, scrollbars, autofill του browser σε σκούρο */
  --c-bg:        #0A0E1A;
  --c-surface:   #111726;
  --c-surface-2: #182033;
  --c-line:      #24304A;
  --c-ink:       #F2F6FF;
  --c-ink-2:     #A7B4CC;
  --c-ink-3:     #8A98B2;
  --c-link:      #5CB2FF;
  --c-brand-2-ink: #2FD1C7;
  /* Τα πιο βαθιά accents δεν διαβάζονται σε σκούρο φόντο (Findora 2.8:1) — φωτεινότερες εκδοχές */
  --c-findora:   #8F8AFF;
  --c-nous:      #6E9BFF;
  --c-rxvision:  #A18BFF;
  --sh-1: 0 1px 2px rgba(0,0,0,.4);
  --sh-2: 0 8px 24px rgba(0,0,0,.35);
  --sh-3: 0 24px 64px rgba(0,0,0,.45);
}

/* Όποιος έχει ζητήσει λιγότερη κίνηση, τη σταματάμε — δεν τη «μειώνουμε». */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}