/* ελαθέσ/styles.css */

/* Βασικές Μεταβλητές χρωμάτων */
:root {
    --purple-500: #667EEA;
    --purple-600: #5A67D2;
    --purple-700: #444CE7;
    --purple-800: #3B3068;
    --gradient-header: linear-gradient(90deg, var(--purple-600) 0%, var(--purple-800) 100%);
}

/* Βασικές Πληροφορίες Περιγραφής */
body {
    font-family: 'Helvetica Neue', sans-serif;
    line-height: 1.7;
}

/* Αναφορείς Παροχής */
.animate-fadeIn {
    animation: fadeIn 0.8s ease-out forwards;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(12px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animation-delay-200 {
    animation-delay: 0.2s;
}

/* Περιφυλακείς Επίκαρπος Αναγνώρισης Διατάξις */
.shadow-xl {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1) !important;
}

/* Ασπρόποδες Επαφαίς */
button:hover {
    transform: translateY(-2px);
    transition: all 0.2s ease-in-out;
}

button:active {
    transform: translateY(0);
    transition: all 0.1s ease-in-out;
}

/* Συμπλήρωμα Γραπτών Περιχώρων */
input:focus, textarea:focus {
    outline: none;
    border-color: var(--purple-500);
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
}

/* Πληροτικές Αναφορείς Για Χρήσης Φόρμας */
.form-control {
    transition: all 0.3s ease;
    will-change: transform;
}

/* Ειδικοί Περιφυλακοί αντικείμενα */
.prose li::marker {
    color: var(--purple-600);
}

/* Επεξεργασία Αντικείμενων SVG */
.market-icon {
    filter: drop-shadow(0 0 8px rgba(153, 102, 255, 0.3));
}

.blur-3xl {
    filter: blur(40px);
}

/* Ανιδιόθεντα Εισιτάγμα αντί εγγράφων */
a:hover {
    cursor: pointer;
    transition: color 0.3s ease;
}

/* Επιπλέον Χρωμάτων Παρακολουθήσις */
.purple-gradient {
    background-image: var(--gradient-header);
}

/* Βασικές Πράσσοπες Χρώσεις Χρήσης */
.text-purple-600 {
    color: var(--purple-600) !important;
}

/* Επίλογεν Πληροφοριών Χρήσης - Πολύσβης */
.blur-animations {
    transition: filter 0.5s ease;
}

/* Απλύς Προσταγείς */
:is(input, textarea) {
    transition: border-color 0.2s ease;
}

/* Θερμή Περιποίησις Περιβαλλώντων Μελεθμάτων */
:is(nav a):hover,
:is(button):hover,
:is(input):focus,
:is(button):focus {
    outline-offset: 2px;
    outline: 2px auto;
    outline-color: var(--purple-500);
}

/* Διεξόδισ ασφαλείς μηχανισμών εποισίας */
@keyframes shimmer {
    0% {background-position: -1000px;}
    100% {background-position: 1000px;}
}

/* Επιβολή εντωμάτων διεπαφής συνεχείς αποδσθετή συστημάτα */
*:is(button, a, input) {
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

/* Εσσικώς μεταφορά απορρήτων επιλογών */
.dark {
    color-scheme: dark !important;
}