/* Explain: Base styles, reset, and global typography, now includes dynamic corner radius. */
* {
    box-sizing: border-box;
}
html {
    background: var(--background-color);
    color: var(--text-color);
    scroll-padding-top: 92px;
}
body {
    margin: 0;
    overflow-x: hidden;
    background: var(--background-color);
    background-image: radial-gradient(circle at 50% 0%, rgba(88, 105, 64, 0.15), transparent 40vw);
    color: var(--text-color);
    font-family: var(--font-body);
}
button, a, select {
    cursor: pointer;
}
img {
    display: block;
    max-width: 100%;
}
::selection {
    background: var(--accent-color);
    color: #ffffff;
}
[x-cloak] {
    display: none !important;
}

/* Globální nastavení rohů přes panel */
:root[data-radius="sharp"] {
    --app-radius: 0px;
}
:root[data-radius="rounded"] {
    --app-radius: 0.75rem;
}
:root {
    --app-radius: 0.25rem;
}

.btn, .tactical-panel, input, select, textarea, 
.rounded-sm, .rounded, .rounded-md, .rounded-lg, .rounded-xl, .rounded-none {
    border-radius: var(--app-radius) !important;
}
.rounded-full {
    border-radius: 9999px !important;
}