/* ==========================================================================
   BlucherCAT — Design Tokens
   Single source of truth for all colors, spacing, typography and shadows.
   Loaded early so every subsequent CSS file can reference --bc-* variables.
   DO NOT add component rules here — use blucher-unified.css instead.
   ========================================================================== */

:root {
    /* ── Brand Colors ── */
    --bc-primary: #353535;
    --bc-primary-hover: #000000;
    --bc-primary-light:     #7FBBDD;
    --bc-primary-lighter:   #AED4ED;

    /* ── Status Colors ── */
    --bc-success:           #10B981;
    --bc-success-bg:        #D1FAE5;
    --bc-warning:           #F59E0B;
    --bc-warning-bg:        #FEF3C7;
    --bc-danger:            #EF4444;
    --bc-danger-bg:         #FEE2E2;
    --bc-info:              #3B82F6;
    --bc-info-bg:           #DBEAFE;

    /* ── Backgrounds ── */
    --bc-bg:                #F5F7F8;
    --bc-bg-white:          #FFFFFF;
    --bc-bg-row-hover:      #FAFBFC;
    --bc-bg-row-active:     #EEF5FF;

    /* ── Text ── */
    --bc-text:              #1A1D1F;
    --bc-text-muted:        #6B7280;
    --bc-text-light:        #9CA3AF;

    /* ── Borders ── */
    --bc-border:            #E5E7EB;
    --bc-border-light:      #F3F4F6;

    /* ── Border Radius ── */
    --bc-radius-sm:         4px;
    --bc-radius:            8px;
    --bc-radius-lg:         12px;

    /* ── Shadows ── */
    --bc-shadow-sm:         0 1px 2px rgba(0, 0, 0, .05);
    --bc-shadow:            0 1px 3px rgba(0, 0, 0, .10);
    --bc-shadow-md:         0 4px 6px rgba(0, 0, 0, .07);
    --bc-shadow-lg:         0 10px 15px rgba(0, 0, 0, .10);

    /* ── Spacing Scale ── */
    --bc-space-xs:          4px;
    --bc-space-sm:          8px;
    --bc-space:             12px;
    --bc-space-md:          16px;
    --bc-space-lg:          24px;
    --bc-space-xl:          32px;

    /* ── Typography ── */
    --bc-font-size-xs:      0.68rem;   /* ~11px — labels, tiny badges */
    --bc-font-size-sm:      0.75rem;   /* 12px  — table headers, small UI */
    --bc-font-size:         0.875rem;  /* 14px  — body text, buttons      */
    --bc-font-size-md:      1rem;      /* 16px  — headings, titles         */

    --bc-font-weight:           400;
    --bc-font-weight-medium:    500;
    --bc-font-weight-bold:      600;
    --bc-font-weight-bolder:    700;

    /* ── Transitions ── */
    --bc-transition:        all 0.2s ease;
    --bc-transition-fast:   all 0.15s ease;


    --bg-gradiente-onyx: linear-gradient(150deg, #393939 0%, #000000 55%, #454545 100%);
}


.logotype {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 36px;
    color: #fff;
}
.logotype.white {
    color: var(--text-dark);
}

.bg-onyx {
    background: var(--bg-gradiente-onyx);
}
button.np-btn {
    border-radius: 8px;
    padding: 5px 10px 7px;
    font-weight: 700;
}