/*
 * BarabNeo theme overrides
 * Loaded AFTER Radzen Fluent theme; remaps Radzen CSS variables to the
 * SG Geotechnika brand (#f26532 orange + Open Sans) and engineering-tool
 * density (13px body, 28px row, 32px tab) per UI-Architecture.md.
 *
 * Keep this file minimal — additional shell-specific styling belongs in
 * scoped per-component CSS or in barabneo-shell.css (introduced when shell
 * components land in PRD-20 step 4+).
 */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

:root {
    /* ── Brand palette ─────────────────────────────────────────────────── */
    --bn-orange:        #f26532;
    --bn-orange-soft:   rgba(242, 101, 50, 0.12);
    --bn-orange-hover:  rgba(242, 101, 50, 0.9);
    --bn-terracotta:    #b86e5a;
    --bn-info:          #3987c8;

    /* ── Status colors ─────────────────────────────────────────────────── */
    --bn-ok:    #3a7a3a;
    --bn-warn:  #f26532;  /* warning IS the brand color */
    --bn-err:   #b33a3a;
    --bn-stale: #797f84;

    /* ── Density tokens ────────────────────────────────────────────────── */
    --bn-row-h:      28px;
    --bn-tree-h:     24px;
    --bn-tab-h:      32px;
    --bn-header-h:   44px;
    --bn-status-h:   22px;
    --bn-activity-w: 44px;
    --bn-sidebar-w:  280px;
    --bn-pad-card:   12px;
    --bn-gap-card:   16px;

    /* ── Typography ────────────────────────────────────────────────────── */
    --bn-fs-body:    13px;
    --bn-fs-small:   11px;
    --bn-fs-label:   12px;
    --bn-fs-h-card:  14px;
    --bn-fs-h-page:  18px;

    /* ── Radzen Fluent overrides ───────────────────────────────────────── */
    /* Primary action color → brand orange */
    --rz-primary:        var(--bn-orange);
    --rz-primary-light:  #f4866b;
    --rz-primary-dark:   #d44d1a;
    --rz-on-primary:     #ffffff;

    /* Status color remapping */
    --rz-success:        var(--bn-ok);
    --rz-warning:        var(--bn-warn);
    --rz-danger:         var(--bn-err);
    --rz-info:           var(--bn-info);

    /* Base surfaces (kept close to Fluent defaults; only fine-tuned) */
    --rz-base-50:        #fafafa;
    --rz-base-100:       #f4f4f4;
    --rz-base-200:       #e1e1e1;
    --rz-base-300:       #cfcfcf;

    /* Text */
    --rz-text-color:           #2a2e31;
    --rz-text-secondary-color: #676c71;
    --rz-text-tertiary-color:  #797f84;
    --rz-text-disabled-color:  #a0a4a8;

    /* Typography family override */
    --rz-text-font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Engineering-tool density: 13px body baseline */
html, body {
    font-family: var(--rz-text-font-family);
    font-size: var(--bn-fs-body);
    color: var(--rz-text-color);
}

/* Title Case primary buttons (NOT uppercase per UI-Architecture decision) */
.rz-button {
    text-transform: none;
    letter-spacing: 0;
}