/**
 * SecBoard design tokens (Phase 1)
 * Loaded globally from base.html after Bootstrap.
 */

:root {
    /* Brand (aligned with base.html layout vars) */
    --sb-primary: #0d6efd;
    --sb-primary-legacy: var(--primary-color, #3498db);
    --sb-secondary: var(--secondary-color, #2c3e50);
    --sb-hover: var(--hover-color, #2980b9);

    /* Semantic */
    --sb-success: #198754;
    --sb-warning: #ffc107;
    --sb-danger: #dc3545;
    --sb-info: #0dcaf0;

    /* Surfaces */
    --sb-surface: #f8f9fa;
    --sb-border: #dee2e6;
    --sb-border-subtle: #f1f3f4;
    --sb-text: #212529;
    --sb-text-muted: #6c757d;

    /* Typography */
    --sb-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --sb-text-xs: 0.6rem;
    --sb-text-sm: 0.75rem;
    --sb-text-md: 0.8rem;
    --sb-text-base: 0.875rem;
    --sb-text-lg: 1rem;

    /* Compact data UI (access-request canonical) */
    --sb-table-font: 0.67rem;
    --sb-table-font-lg: 0.75rem;
    --sb-table-header-font: 0.75rem;
    --sb-table-cell-font: 0.8rem;
    --sb-table-min-width: 1200px;

    /* Spacing */
    --sb-space-1: 0.25rem;
    --sb-space-2: 0.5rem;
    --sb-space-3: 0.75rem;
    --sb-space-4: 1rem;

    /* Radii */
    --sb-radius-sm: 4px;
    --sb-radius-md: 6px;
    --sb-radius-lg: 8px;

    /* Filters panel */
    --sb-filter-padding: 0.75rem;
    --sb-filter-margin: 1rem;
}

@media (min-width: 1400px) {
    :root {
        --sb-table-font: 0.75rem;
        --sb-table-header-font: 0.85rem;
    }
}