/*
 * NCP DESIGN TOKENS: jedan izvor istine za wp-admin i klijentski portal.
 *
 * v2.9.0 „Noć": svetla + tamna tema istog jezika (Linear-like). Tamna je puna
 * Noć paleta (skoro crna, periwinkle akcent); svetla je njen par (hladno belo,
 * isti indigo brend). Imena promenljivih su ista kao ranije, pa sve strane koje
 * su već na tokenima same dobijaju obe teme.
 *
 * TEMA: klasa `dark` na <html> (admin: NCP_Theme, portal: layout-header.php).
 * Nema sjaja ni gradijenata u svetloj temi; u tamnoj samo --nd-glow na
 * primarnom dugmetu i liniji grafikona (nosi značenje: „ovo je akcija/trend").
 */

@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/jetbrains-mono-400.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/jetbrains-mono-500.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/jetbrains-mono-700.woff2") format("woff2"); }

:root {
    color-scheme: light;

    /* ── Brend ── */
    --nd-brand-50:  #f0f4ff;
    --nd-brand-100: #e0eaff;
    --nd-brand-500: #4f6ef7;
    --nd-brand-600: #3b56e3;
    --nd-brand-700: #2c44cc;

    --nd-accent:       #3b56e3;
    --nd-accent-dark:  #2c44cc;
    --nd-accent-light: #7d8bff;
    --nd-accent-soft:  #eef0fe;
    --nd-accent-rgb:   59, 86, 227;
    --nd-on-accent:    #ffffff;

    /* ── Površine i tekst ── */
    --nd-bg:            #f6f6f8;
    --nd-panel:         #ffffff;
    --nd-panel-2:       #f9f9fb;
    --nd-sunken:        #f1f2f5;
    --nd-border:        #e5e6eb;
    --nd-border-strong: #d4d6de;
    --nd-hair:          #eeeff3;
    --nd-ink:           #0e1016;
    --nd-ink-2:         #2b2f3a;
    --nd-muted:         #5c6170;
    --nd-faint:         #8b909e;

    /* ── Sidebar / gornja traka ── */
    --nd-side-bg:         #fbfbfc;
    --nd-side-border:     #e8e9ee;
    --nd-side-ink:        #3a3f4c;
    --nd-side-muted:      #6b7080;
    --nd-side-hover:      #f1f2f5;
    --nd-side-active-bg:  #eef0fe;
    --nd-side-active-ink: #0e1016;
    --nd-side-bar:        #3b56e3;
    --nd-top-bg:          rgba(246, 246, 248, .86);

    /* ── Semantika (samo značenje) ── */
    --nd-ok:        #15a34a; --nd-ok-soft:   #e7f6ec;
    --nd-warn:      #b86b00; --nd-warn-soft: #fbf1df;
    --nd-bad:       #d92d4a; --nd-bad-soft:  #fdebee;
    --nd-info:      #0e7fc4; --nd-info-soft: #e4f2fb;
    --nd-purple:    #7c3aed; --nd-purple-soft: #f3e8ff;

    /* ── Oblik / senke / razmaci ── */
    --nd-r-s: 8px;  --nd-r-m: 10px; --nd-r-l: 14px;  --nd-r-pill: 999px;
    --nd-sh-1:  0 1px 2px rgba(14,16,22,.05);
    --nd-sh-2:  0 6px 16px rgba(14,16,22,.07), 0 1px 3px rgba(14,16,22,.05);
    --nd-sh-pop:0 16px 40px rgba(14,16,22,.16), 0 2px 6px rgba(14,16,22,.06);
    --nd-glow:  none;
    --nd-space-1: 4px;  --nd-space-2: 8px;  --nd-space-3: 12px;
    --nd-space-4: 16px; --nd-space-5: 24px; --nd-space-6: 32px;

    /* ── Tipografija ── */
    --nd-font: "Onest", "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
    --nd-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* ── Tamna (Noć) ── važi za admin (html.dark), portal (html.dark) i stari shell (.ncp-ui.dark). */
.ncp-ui.dark,
html.dark {
    color-scheme: dark;

    --nd-accent:       #8b93ff;
    --nd-accent-dark:  #7079f0;
    --nd-accent-light: #b8bdff;
    --nd-accent-soft:  #1b1e3a;
    --nd-accent-rgb:   139, 147, 255;
    --nd-on-accent:    #07080b;

    --nd-bg:            #08090c;
    --nd-panel:         #0f1116;
    --nd-panel-2:       #13151c;
    --nd-sunken:        #0b0c10;
    --nd-border:        #1d2029;
    --nd-border-strong: #2b3040;
    --nd-hair:          #171a22;
    --nd-ink:           #eceef4;
    --nd-ink-2:         #c7cbd6;
    --nd-muted:         #9aa0b1;
    --nd-faint:         #6b7183;

    --nd-side-bg:         #0b0c10;
    --nd-side-border:     #1a1d25;
    --nd-side-ink:        #9aa0b1;
    --nd-side-muted:      #6b7183;
    --nd-side-hover:      #13151c;
    --nd-side-active-bg:  #171a33;
    --nd-side-active-ink: #ffffff;
    --nd-side-bar:        #8b93ff;
    --nd-top-bg:          rgba(8, 9, 12, .82);

    --nd-ok:   #4ade80; --nd-ok-soft:   #0f2a1a;
    --nd-warn: #fbbf24; --nd-warn-soft: #2d2410;
    --nd-bad:  #fb7185; --nd-bad-soft:  #33151d;
    --nd-info: #7dd3fc; --nd-info-soft: #0f2533;
    --nd-purple: #c4a2ff; --nd-purple-soft: #231a3d;

    --nd-sh-1:  0 1px 2px rgba(0,0,0,.4);
    --nd-sh-2:  0 8px 22px rgba(0,0,0,.45);
    --nd-sh-pop:0 18px 48px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.04);
    --nd-glow:  0 0 20px rgba(139,147,255,.32);
}