/* DevRuxo_Cronometro/assets/css/style.css */

/* ---- FONTES E VARIÁVEIS ---- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    --orange: #fb2300;
    --orange-dark: #CC1E00;
    --dark-bg: #111111;
    --dark-card: #1C1C1C;
    --light-text: #F5F5F5;
    --gray-text: #888888;
    --border-color: #2E2E2E;
    --white: #FFFFFF;
    --font-family: 'Inter', sans-serif;
}

/* ---- RESET GLOBAL ---- */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--dark-bg);
    color: var(--light-text);
    font-family: var(--font-family);
    -webkit-font-smoothing: antialiased;
}

/* ---- BOTÃO PRINCIPAL ---- */
.cta-button {
    display: inline-block;
    background-color: var(--orange);
    color: #FFFFFF;
    padding: 16px 38px;
    border: none;
    border-radius: 8px;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.cta-button:hover {
    background-color: var(--orange-dark);
    transform: scale(1.05);
}