/* BlazorData.net design tokens (docs/UI-Refresh-Mockup-Alignment.md §2.2) and the Radzen "standard"
   theme variables mapped onto them (§5.2). Loaded right after the Radzen theme, before app.css. */

:root {
    /* Typography */
    --bd-font: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --bd-font-mono: "JetBrains Mono", Consolas, "Cascadia Mono", Menlo, monospace;

    /* Text */
    --bd-text: #111827;
    --bd-text-2: #374151;
    --bd-muted: #6b7280;
    --bd-faint: #9ca3af;

    /* Surfaces */
    --bd-border: #e5e7eb;
    --bd-border-strong: #d1d5db;
    --bd-surface: #ffffff;
    --bd-surface-alt: #f7f8fa;
    --bd-nav-active: #f3f4f6;

    /* Brand */
    --bd-primary: #15803d;
    --bd-primary-hover: #166534;
    --bd-primary-soft: #dcfce7;
    --bd-accent: #4f46e5;
    --bd-accent-hover: #4338ca;
    --bd-accent-soft: #eef2ff;
    --bd-danger: #dc2626;
    --bd-danger-hover: #b91c1c;

    /* Status pill tones (§2.3); every text-on-background pair meets WCAG AA. */
    --bd-success-bg: #dcfce7;
    --bd-success-fg: #15803d;
    --bd-info-bg: #e0e7ff;
    --bd-info-fg: #4338ca;
    --bd-warning-bg: #fef3c7;
    --bd-warning-fg: #b45309;
    --bd-danger-bg: #fee2e2;
    --bd-danger-fg: #b91c1c;
    --bd-neutral-bg: #f3f4f6;
    --bd-neutral-fg: #4b5563;
    --bd-tag-bg: #ede9fe;
    --bd-tag-fg: #5b21b6;

    /* Shape */
    --bd-radius: 12px;
    --bd-radius-sm: 6px;
    --bd-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);
    --bd-focus: 0 0 0 2px #fff, 0 0 0 4px var(--bd-accent);

    /* ---- Radzen "standard" theme overrides ---- */
    --rz-text-font-family: var(--bd-font);
    --rz-text-color: var(--bd-text);
    --rz-text-title-color: var(--bd-text);
    --rz-text-secondary-color: var(--bd-muted);

    --rz-primary: var(--bd-primary);
    --rz-primary-light: #22a04f;
    --rz-primary-lighter: var(--bd-primary-soft);
    --rz-primary-dark: var(--bd-primary-hover);
    --rz-primary-darker: #14532d;
    --rz-on-primary: #ffffff;

    --rz-secondary: var(--bd-accent);
    --rz-secondary-light: #6366f1;
    --rz-secondary-lighter: var(--bd-accent-soft);
    --rz-secondary-dark: var(--bd-accent-hover);
    --rz-secondary-darker: #3730a3;

    --rz-success: var(--bd-success-fg);
    --rz-success-lighter: var(--bd-success-bg);
    --rz-info: var(--bd-info-fg);
    --rz-info-lighter: var(--bd-info-bg);
    --rz-warning: var(--bd-warning-fg);
    --rz-warning-lighter: var(--bd-warning-bg);
    --rz-danger: var(--bd-danger);
    --rz-danger-lighter: var(--bd-danger-bg);

    --rz-base-background-color: var(--bd-surface);
    --rz-body-background-color: var(--bd-surface);
    --rz-layout-body-background-color: var(--bd-surface);
    --rz-border-radius: var(--bd-radius-sm);

    --rz-card-background-color: var(--bd-surface);
    --rz-card-border-radius: var(--bd-radius);
    --rz-card-shadow: var(--bd-shadow);
    --rz-card-padding: 1.25rem;

    --rz-grid-border: 1px solid var(--bd-border);
    --rz-grid-border-radius: var(--bd-radius);
    --rz-grid-cell-border: 1px solid var(--bd-border);
    --rz-grid-header-background-color: var(--bd-surface-alt);
    --rz-grid-header-color: var(--bd-text-2);
    --rz-grid-header-font-size: 0.75rem;
    --rz-grid-header-font-weight: 600;
    --rz-grid-header-text-transform: uppercase;

    --rz-header-background-color: var(--bd-surface-alt);
    --rz-header-color: var(--bd-text);
    --rz-header-border: 1px solid var(--bd-border);
    --rz-header-shadow: none;
    --rz-header-min-height: 60px;

    --rz-sidebar-background-color: var(--bd-surface);
    --rz-sidebar-color: var(--bd-text-2);
    --rz-sidebar-border-inline-end: 1px solid var(--bd-border);
    --rz-sidebar-width: 252px;
}