/* Kendo Theme Overrides fuer WDT Components */
:root {
    /* Primary = Gold (passend zum Kartentisch) */
    --kendo-color-primary: #DAA520;
    --kendo-color-primary-hover: #F0D060;
    --kendo-color-primary-subtle: rgba(218, 165, 32, 0.15);
    --kendo-color-primary-rgb: 218, 165, 32;
    --kendo-color-on-primary: #ffffff;

    /* Surfaces - dunkles Theme passend zum Spieltisch */
    --kendo-color-app-surface: #1a2e1f;
    --kendo-color-surface: #1e3624;
    --kendo-color-surface-alt: #243d2b;
    --kendo-color-base: #2a4832;
    --kendo-color-base-hover: #305438;
    --kendo-color-base-active: #3a6044;

    /* Text */
    --kendo-color-on-app-surface: #e8e8e0;
    --kendo-color-on-base: #e0e0d8;
    --kendo-color-subtle: #a8a898;
    --kendo-color-subtle-text: #888878;

    /* Borders */
    --kendo-color-border: rgba(218, 165, 32, 0.3);
    --kendo-color-border-alt: rgba(218, 165, 32, 0.2);

    /* Input */
    --kendo-color-input-bg: #1e3624;
    --kendo-color-input-text: #e8e8e0;
    --kendo-color-input-border: rgba(255, 255, 255, 0.2);
    --kendo-color-input-hover-border: rgba(218, 165, 32, 0.5);
    --kendo-color-input-focus-border: #DAA520;

    /* Semantic Colors */
    --kendo-color-success: #28a745;
    --kendo-color-error: #dc3545;
    --kendo-color-warning: #ffc107;
    --kendo-color-info: #17a2b8;

    /* Border Radius */
    --kendo-border-radius-md: 6px;

    /* Font */
    --kendo-font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    --kendo-font-size: 14px;
}

/* Base reset for fullscreen game UI */
html, body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
    background: #0a3018;
}

h1:focus {
    outline: none;
}

.blazor-error-boundary {
    background: #b32121;
    padding: 1rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "Ein Fehler ist aufgetreten."
}

#blazor-error-ui {
    background: #b32121;
    color: white;
    padding: 0.5rem 1rem;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    text-align: center;
}