/* static/css/base.css */
    :root {
        --font-main: 'Roboto', sans-serif;

        /* Tasy barvy */
        --primary-color: #e30513;    /* Červená */
        --secondary-color: #1c1c1b;  /* Černá */
        
        --bg-white: #ffffff;
        --bg-body: #f5f7fa;          
        --bg-footer: #1c1c1b;
        
        --text-color: #444444;
        --text-light: #888888;
        --text-white: #ffffff;
    }

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

    html {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px; 
    }

    body {
        font-family: var(--font-main);
        background-color: var(--bg-body);
        color: var(--text-color);
        line-height: 1.5;
        font-weight: 400;
        letter-spacing: 0.5px;
        /* Flexbox pro držení footeru dole */
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }

    h1, h2, h3, h4 {
        font-weight: 700;
        color: var(--secondary-color);
        line-height: 1.2;
        margin-bottom: 1rem;
        text-transform: uppercase;
    }

    a {
        text-decoration: none;
        color: inherit;
        transition: 0.3s ease;
    }