/* Sekabet Clone - Global Styles */
:root {
    --seka-bg-primary: #16181b;
    --seka-bg-secondary: #1e2124;
    --seka-bg-tertiary: #2a2d31;
    --seka-text-primary: #ffffff;
    --seka-text-secondary: #a0a0a0;
    --seka-accent-gold: #f5a623;
    --seka-accent-orange: #e8930c;
    --seka-accent-red: #e74c3c;
    --seka-accent-green: #27ae60;
    --seka-border-color: #333639;
    --seka-header-height: 67px;
    --seka-nav-height: 50px;
    --seka-font: 'Roboto', sans-serif;
    --seka-topbar-height: 30px;
}

* {
    box-sizing: border-box;
}

.sekabet-clone *,
.sekabet-clone *::before,
.sekabet-clone *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.sekabet-clone {
    font-family: var(--seka-font);
    color: var(--seka-text-primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.sekabet-clone a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.sekabet-clone a:hover {
    color: var(--seka-accent-gold);
}

.sekabet-clone img {
    max-width: 100%;
    height: auto;
}

.sekabet-clone button {
    cursor: pointer;
    border: none;
    outline: none;
    font-family: var(--seka-font);
}