:root {
    --primary-blue: #007bff;
    --secondary-teal: #26c2a3;
    --bg-dark: #0f171e;
    --card-bg: #ffffff;
    --text-main: #ffffff;
    --text-dark: #333333;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
    background-color: var(--bg-dark);
    /* Fondo con diseño geométrico simplificado */
    background-image: linear-gradient(135deg, #16212b 25%, transparent 25%), 
                      linear-gradient(225deg, #16212b 25%, transparent 25%);
    background-size: 100px 100px;
    color: var(--text-main);
    display: flex;
    justify-content: center;
}