/* Vocabulary Cards System - Base Variables and Core Styles */

:root {
    /* Identidade Turquesa (App de Vocabulário) */
    --accent: #0d9488; /* Turquesa Escuro (Substitui o Azul Antigo) */
    --accent-hover: #0f766e;
    --accent-light: rgba(13, 148, 136, 0.15);
    --accent-glow: rgba(13, 148, 136, 0.3);

    /* Fundo e Superfícies */
    --bg-primary: #ffffff;
    --bg-secondary: #f0fdfa; /* Fundo suavemente turquesa/menta */
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --shadow: rgba(13, 148, 136, 0.12); /* Sombra temática */

    /* Estrutura dos Cartões */
    --card-bg: var(--bg-primary);
    --card-shadow: 0 4px 20px var(--shadow);
    --card-border-radius: 16px;
    --card-padding: 1.5rem;
    --card-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    /* Cores do SRS (Repetição Espaçada) */
    --status-unread: #94a3b8;    /* Cinza (Não estudado) */
    --status-reading: #3b82f6;   /* Azul (Estudando) */
    --status-familiar: #8b5cf6;  /* Roxo (Familiar) */
    --status-memorized: #10b981; /* Verde Mentolado (Memorizado) */
}

/* Tema Escuro (Dark Mode) */
[data-theme="dark"] {
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --text-primary: #f8fafc;
    --text-secondary: #cbd5e1;
    --shadow: rgba(0, 0, 0, 0.4);
    --accent: #14b8a6; /* Turquesa mais vibrante para contraste no escuro */
    --accent-hover: #2dd4bf;
    --accent-light: rgba(20, 184, 166, 0.15);
    --accent-glow: rgba(20, 184, 166, 0.3);
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--bg-secondary); border-radius: 3px; }
::-webkit-scrollbar-thumb { background: var(--accent-light); border-radius: 3px; transition: background 0.3s ease; }
::-webkit-scrollbar-thumb:hover { background: var(--accent); }

/* Selection styling */
::selection {
    background: var(--accent-light);
    color: var(--accent-hover);
}

/* Text selection improvements */
.greek-word, .transliteration {
    user-select: text;
    -webkit-user-select: text;
}

/* Prevent text selection on interactive elements */
.btn, .vocab-card, .word-list-item {
    user-select: none;
    -webkit-user-select: none;
}

/* Typography improvements */
.greek-word {
    font-feature-settings: "liga" 1, "kern" 1;
    text-rendering: optimizeLegibility;
}


.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-weight: 500;
    border: none;
    cursor: pointer;
    text-decoration: none;
    
    /* AQUI ESTÁ A MÁGICA PARA OS BOTÕES NORMais: Amortece qualquer mudança */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Feedback visual suave no hover dos botões normais */
.btn:hover:not(:disabled) {
    transform: translateY(-2px); /* Sobem ligeiramente */
    box-shadow: 0 4px 12px var(--shadow); /* Ganham uma sombra suave */
}

/* Botões específicos - Exemplo de hover turquesa */
.btn.primary {
    background-color: var(--accent);
    color: white;
}
.btn.primary:hover:not(:disabled) {
    background-color: var(--accent-hover);
}