/* ============================================================ ITHome — Design tokens (Φάση 1, ΚΛΕΙΔΩΜΕΝΟ) Πηγή: knowledge doc §8 / ithome-phase1-mockup-v4.html Dark = προεπιλογή (:root). Το [data-theme="light"] override προετοιμάζεται εδώ για το ΔΗΜΟΣΙΟ site (toggle + localStorage + anti-flash έρχονται μαζί με τα πραγματικά public templates). Το admin panel δεν χρησιμοποιεί το toggle — μένει πάντα dark (βλ. σχόλιο στο admin.css). ── Φάση 3.5 (βήμα 1) ──────────────────────────────────────── ΠΡΟΣΘΗΚΕΣ ΜΟΝΟ. Καμία υπάρχουσα τιμή δεν άλλαξε, καμία δομή. ΓΙΑΤΙ: το mockup ορίζει τα tokens μέσα σε [data-theme="dark"], ενώ το admin layout.php βγάζει ΧΩΡΙΣ data-theme. Αν αντέγραφα τη δομή του mockup, κάθε var(--bg), var(--ink) κ.λπ. του admin θα γινόταν undefined → το admin θα έπεφτε σε browser defaults (αδιάβαστο). Κρατάμε λοιπόν το dark στο :root· το data-theme="dark" που βάζει το public.js απλά ΔΕΝ ενεργοποιεί το light override, άρα καταλήγει σωστά σε dark. ============================================================ */ :root { --bg: #0B0C10; --surface: #131519; --ink: #F5F6F7; --ink-muted: #8B8D97; --accent: #4F63E8; --accent-text: #7B8AFF; --violet: #9D5CE8; --line: #1E2128; --radius: 10px; /* ── ΝΕΑ (Φάση 3.5) — τυπογραφία, κοινή και στα δύο themes ── */ --font-display: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', 'Cascadia Mono', monospace; /* Χρώμα κειμένου ΠΑΝΩ σε accent (κουμπιά). Ίδιο σε light & dark στο mockup, άρα ζει μία φορά εδώ αντί για δύο. */ --accent-on: #FFFFFF; /* ── ΝΕΑ (Φάση 3.5) — dark τιμές, οι light είναι παρακάτω ── */ --surface-glass: rgba(19, 21, 25, .7); --mesh-opacity: .45; --grain-opacity: .05; } [data-theme="light"] { --bg: #FAFAFB; --surface: #FFFFFF; --ink: #0B0C10; --ink-muted: #62636D; --accent: #3D4FD1; --accent-text: #3D4FD1; --violet: #8C5CE0; --line: #E4E5EA; /* ── ΝΕΑ (Φάση 3.5) ── */ --surface-glass: rgba(255, 255, 255, .75); --mesh-opacity: .16; --grain-opacity: .025; }