/**
 * Elite Tactician Design System - Buttons v3
 * Crimson gradient primary, surface secondary, tertiary underline
 *
 * Version: 3.0
 * Date: March 2026
 */

/* =========================================
   PRIMARY BUTTON - Crimson Gradient
   ========================================= */
.btn-primary {
    background: var(--gradient-primary);
    color: var(--text-inverse);
    border: none;
    border-radius: 0.75rem;
    box-shadow: var(--shadow-glow-red-sm);
}

.btn-primary:hover:not(:disabled) {
    transform: translateY(-2px) scale(1.02);
    box-shadow: var(--shadow-glow-red-lg);
}

.btn-primary:active:not(:disabled) {
    transform: translateY(0) scale(0.95);
    box-shadow: var(--shadow-glow-red-sm);
}

/* =========================================
   SECONDARY BUTTON - Surface container
   ========================================= */
.btn-secondary {
    background: var(--et-surface-container-high);
    color: var(--et-on-surface);
    border: none;
    box-shadow: none;
}

.btn-secondary:hover:not(:disabled) {
    background: var(--et-surface-container-highest);
    transform: translateY(-1px);
    box-shadow: var(--shadow-ambient-sm);
}

.btn-secondary:active:not(:disabled) {
    background: var(--et-surface-container-high);
    transform: translateY(0) scale(0.98);
}

/* Anchor overrides */
a.btn-secondary,
a.btn-secondary:link,
a.btn-secondary:visited {
    background: var(--et-surface-container-high);
    color: var(--et-on-surface);
    border: none;
}

a.btn-secondary:hover {
    background: var(--et-surface-container-highest);
    color: var(--et-on-surface);
}

/* =========================================
   TERTIARY BUTTON - Text with underline hover
   ========================================= */
.btn-tertiary {
    background: transparent;
    color: var(--et-primary);
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
}

.btn-tertiary:hover:not(:disabled) {
    border-bottom-color: var(--et-secondary);
    color: var(--et-secondary);
    transform: none;
}

/* =========================================
   GHOST BUTTON - v3 update
   ========================================= */
.btn-ghost {
    background: transparent;
    color: var(--et-on-surface-variant);
    border: none;
}

.btn-ghost:hover:not(:disabled) {
    background: var(--et-surface-container);
    color: var(--et-on-surface);
}

/* =========================================
   OUTLINE BUTTON - v3 update
   ========================================= */
.btn-outline {
    background: transparent;
    color: var(--et-secondary);
    border: 2px solid var(--et-secondary);
}

.btn-outline:hover:not(:disabled) {
    background: var(--et-secondary);
    color: var(--text-inverse);
    box-shadow: var(--shadow-glow-red-sm);
}

/* =========================================
   BASE BUTTON - v3 typography update
   ========================================= */
.btn {
    font-family: var(--font-display);
    border-radius: 0.75rem;
}

/* =========================================
   ANCHOR OVERRIDES
   ========================================= */
a.btn-primary,
a.btn-primary:link,
a.btn-primary:visited,
a.btn-primary:hover {
    color: var(--text-inverse);
}