/* DARA - divi skin */

:root {
    /* ---------------------------------------------
     * 1) PRIMITIVES (raw/base tokens)
     * -------------------------------------------*/
    /* 1.1 Color – Primary brand in HSL for flexibility */
    --nb-color-primary-h: 207.79;
    --nb-color-primary-s: 56.2%;
    --nb-color-primary-l: 52.55%;

    /* 1.4 Typography */
    --nb-font-family-sans: Nunito, Helvetica, Arial, Lucida, sans-serif;

    --nb-font-size-xs: 0.75rem;
    --nb-font-size-sm: 0.9em;
    --nb-font-size-md: 1rem;
    --nb-font-size-lg: 1.1em;
    --nb-font-size-xl: 1.2em;
    --nb-font-size-2xl: 1.3em;
    --nb-font-size-3xl: 1.4em;

    --nb-h1-color: var(--nb-gray-800);
    --nb-h2-color: #666666;
    --nb-h3-color: #606060;
    --nb-h4-color: #606060;
    --nb-h5-color: #606060;
    --nb-h6-color: #606060;

    /* 1.5 Radius & Shadows */
    --nb-radius-xs: 3px;
}

:root {
    /* ---------------------------------------------
     * 2) SEMANTICS (domain meanings)
     * -------------------------------------------*/

    /* 2.2 Text */
    --nb-text-primary: var(--nb-gray-1000);

    /* 2.3 Surfaces & Body */
    --nb-bg-body: var(--nb-gray-0);
    --nb-bg-surface: var(--nb-gray-0);

    /* 2.4 Borders & Dividers */
    --nb-border-radius-base: var(--nb-radius-xs);

    /* 2.6 Navigation */
    --nb-navbar-fg: var(--nb-gray-700);

    /* 2.8 Tables */
    --nb-table-header-bg: hsl(var(--nb-color-primary-h) 50% 90%);
    --nb-table-header-fg: color-mix(in srgb, var(--nb-primary) 90%, #000 10%);

    /* 2.11 Typography semantics */
    --nb-font-body-size-small: 13px;
    --nb-font-body-size: 14px /*var(--nb-font-size-md)*/;
    --nb-font-body-size-bigger: 1.1em;

    --nb-font-heading-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
    --nb-font-heading-weight: var(--nb-font-weight-medium);

    --nb-h1-size: var(--nb-font-size-3xl);
    --nb-h2-size: var(--nb-font-size-2xl);
    --nb-h3-size: var(--nb-font-size-xl);
    --nb-h4-size: var(--nb-font-size-lg);
    --nb-h5-size: var(--nb-font-size-md);
    --nb-h6-size: var(--nb-font-size-sm);
}

/* Badges & labels */
.label, .badge {
     border-radius: var(--nb-radius-xs);
     font-weight: var(--nb-font-weight-bold);
}