/*
 * Η παλέτα της μάρκας, σε ένα σημείο.
 *
 * Το site είχε πέντε διαφορετικά πράσινα: το σωστό #5f8b4c, το σκέτο CSS «green»
 * (#008000) στο κουμπί αγοράς, μαύρο hover, και το πράσινο του Bootstrap (#198754)
 * σε ό,τι χρησιμοποιεί text-success / btn-success. Εδώ γίνονται ένα.
 *
 * ΓΙΑΤΙ ΔΥΟ ΑΠΟΧΡΩΣΕΙΣ: το #5f8b4c σε λευκό φόντο δίνει λόγο αντίθεσης 3,98:1 και
 * κόβεται στο πρότυπο WCAG AA, που ζητά 4,5:1 για κανονικό κείμενο — τα μικρά πράσινα
 * γράμματα δεν διαβάζονται σε κινητό στον ήλιο. Το --brand-green μένει για μεγάλα
 * γράμματα και διακοσμητικά· τα κείμενα και τα κουμπιά παίρνουν το --brand-green-dark
 * (5,4:1), που οπτικά είναι σχεδόν ίδιο.
 *
 * ΣΗΜΑΝΤΙΚΟ: φορτώνεται ΜΕΤΑ το bootstrap.min.css. Το css/style.css φορτώνεται πριν
 * από αυτό και γι' αυτό δεν μπορούσε ποτέ να υπερισχύσει των κλάσεων του Bootstrap.
 */

:root {
    --brand-green: #5f8b4c;         /* η ταυτότητα — τίτλοι, εικονίδια, διακοσμητικά */
    --brand-green-dark: #4e7440;    /* κείμενα & κουμπιά — 5,4:1 σε λευκό, WCAG AA */
    --brand-green-darker: #3d5a32;  /* hover / active — 7,8:1 */
    --brand-cream: #fff8f0;
    --brand-sand: #f5e6d3;
    --brand-gold: #c9a15d;
    --brand-brown: #9b6c4a;
    --brand-ink: #1f1f1f;
}

/* Το «success» του Bootstrap γίνεται το πράσινο της μάρκας. Έτσι κάθε υπάρχον
   text-success / btn-success / bg-success σε ΟΛΟ το site διορθώνεται μονομιάς,
   χωρίς να πειραχθεί ούτε μία σελίδα. */
.text-success {
    color: var(--brand-green-dark) !important;
}

a.text-success:hover,
a.text-success:focus {
    color: var(--brand-green-darker) !important;
}

.bg-success {
    background-color: var(--brand-green-dark) !important;
}

.border-success {
    border-color: var(--brand-green-dark) !important;
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--brand-green-dark);
    --bs-btn-border-color: var(--brand-green-dark);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--brand-green-darker);
    --bs-btn-hover-border-color: var(--brand-green-darker);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--brand-green-darker);
    --bs-btn-active-border-color: var(--brand-green-darker);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--brand-green);
    --bs-btn-disabled-border-color: var(--brand-green);
}

.btn-outline-success {
    --bs-btn-color: var(--brand-green-dark);
    --bs-btn-border-color: var(--brand-green-dark);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--brand-green-dark);
    --bs-btn-hover-border-color: var(--brand-green-dark);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--brand-green-darker);
    --bs-btn-active-border-color: var(--brand-green-darker);
}

/* Το κουμπί αγοράς: το πιο σημαντικό κουμπί του καταστήματος έδειχνε σκέτο #008000
   και γινόταν μαύρο στο hover — δύο χρώματα που δεν ανήκουν πουθενά στη μάρκα. */
.quantity-btn {
    background-color: var(--brand-green-dark) !important;
}

.quantity-btn:hover {
    background-color: var(--brand-green-darker) !important;
}