:root {
    /* Colors */
    --og-color-blue-obergericht: #0094BF;
    --og-color-gray-light: #f8f9fa;
    --og-color-gray-medium: #6c757d;
    --og-color-error: #dc3545;
    --og-color-success: #28a745;
    --og-color-warning: #ffc107;

    /* Spacing */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 15px;
    --spacing-lg: 20px;
    --spacing-xl: 30px;

    /* Typography */
    --font-family-base: 'Roboto', sans-serif;
    --font-family-mono: 'Roboto Mono', monospace;
    --font-size-sm: 10px;
    --font-size-base: 12px;
    --font-size-lg: 14px;

    /* Borders */
    --border-radius: 4px;
    --border-width: 1px;
    --border-color: #ccc;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.25);

    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-base: 0.2s ease;
    --transition-slow: 0.3s ease;
}