/* Bootstrap bileşenlerinin GüzelX semantic tema token'ları */

html {
    background: var(--app-bg);
}

body,
body.app-body {
    background: var(--app-bg);
    color: var(--app-text);
}

.btn-primary {
    --bs-btn-bg: var(--gx-accent);
    --bs-btn-border-color: var(--gx-accent);
    --bs-btn-hover-bg: var(--gx-accent-hover);
    --bs-btn-hover-border-color: var(--gx-accent-hover);
    --bs-btn-active-bg: var(--gx-accent-hover);
    --bs-btn-active-border-color: var(--gx-accent-hover);
}

:focus-visible {
    outline: 3px solid var(--gx-focus-ring);
    outline-offset: 2px;
}

[data-bs-theme="dark"] .bg-light {
    background-color: var(--app-bg) !important;
}

[data-bs-theme="dark"] .text-muted,
[data-bs-theme="dark"] .text-body-secondary {
    color: var(--app-text-muted) !important;
}

[data-bs-theme="dark"] .border,
[data-bs-theme="dark"] .border-top,
[data-bs-theme="dark"] .border-bottom,
[data-bs-theme="dark"] .border-start,
[data-bs-theme="dark"] .border-end {
    border-color: var(--app-border) !important;
}