/* ========================================================================== THESSKOUREMA - ΚΟΙΝΟ ΣΥΣΤΗΜΑ ΧΡΩΜΑΤΩΝ (SHARED DESIGN TOKENS) Αυτό το αρχείο είναι η ΜΟΝΑΔΙΚΗ πηγή αλήθειας για τα βασικά χρώματα του site. Όλες οι σελίδες (index, shop, dashboard, register, cancel, partners) το φορτώνουν πρώτο, πριν από το δικό τους CSS, ώστε να μοιράζονται ακριβώς τις ίδιες αποχρώσεις αντί ο καθένας να έχει τη δική του παραλλαγή του ίδιου σκούρου γκρι/μαύρου. Αν θες να αλλάξεις μια απόχρωση σε όλο το site (π.χ. το χρυσό accent χρώμα), το αλλάζεις ΜΟΝΟ εδώ. ========================================================================== */ :root { /* Φόντο & κάρτες */ --bg-dark: #09090b; --card-bg: #121215; --card-bg-alt: #18181b; --card-border: #27272a; --border-subtle: #3f3f46; /* Brand / accent */ --gold: #f7b119; --gold-hover: #df9e10; /* Ίδιο accent σε μορφή RGB - χρειάζεται για τα rgba(...) γlows & σκιές, ώστε να αλλάζουν κι αυτά μαζί με το brand. */ --gold-rgb: 247, 177, 25; --on-gold: #121215; /* κείμενο πάνω στο accent */ /* Κείμενο */ --text-white: #ffffff; --text-gray: #a1a1aa; --text-gray-dim: #94a3b8; /* Καταστάσεις (status colors) */ --red-cancel: #ef4444; --red-cancel-hover: #dc2626; --green-success: #22c55e; /* Σχήμα & κίνηση */ --radius: 14px; --radius-sm: 8px; --radius-lg: 20px; --transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); } /* ========================================================================== DUAL BRAND - ΤΟ ΔΕΥΤΕΡΟ ΠΡΟΣΩΠΟ ΤΟΥ SITE (ThessBeauty) Το brand.js βάζει την κλάση .brand-beauty στο όταν ο επισκέπτης έρθει από το thessbeauty.gr. Επειδή ΟΛΟ το site χρωματίζεται μέσω της μεταβλητής --gold, αρκεί να την αλλάξουμε εδώ και αλλάζει το accent παντού: κουμπιά, badges, ενεργά φίλτρα, λογότυπο, hover states. ========================================================================== */ html.brand-beauty { --gold: #c2649a; /* ροζ-μωβ accent αντί για χρυσό */ --gold-hover: #a94f83; --gold-rgb: 194, 100, 154; --on-gold: #ffffff; /* λευκό κείμενο πάνω στο ροζ (καλύτερο contrast) */ }