/* RND Solutions — dizajn tokeni.
   JEDINI izvor istine. Koriste ga i pocetna (index.html) i sve podstranice
   preko css/style.css. Ne duplirati vrednosti nigde drugde. */
:root {
    --bg:         #F8FAFC;
    --bg-section: #FFFFFF;
    --bg-alt:     #F1F5F9;
    --bg-card:    #FFFFFF;

    --text:       #0F172A;
    --text-body:  #1E293B;
    --text-muted: #475569;
    --text-light: #64748B;
    --font-main:  'Plus Jakarta Sans', system-ui, sans-serif;

    --accent:       #059669;
    --accent-mid:   #10B981;
    --accent-light: rgba(5, 150, 105, 0.08);
    --accent-hover: #047857;

    --hero-dark:    #0D1B2A;
    --accent-yellow:#F59E0B;
    --accent-blue:  #3B82F6;
    --grid-line:    rgba(255,255,255,0.04);

    /* Zlatni akcenat — rezervisano za tamne "signature" panele (npr. .pillars-section),
       ne zamenjuje --accent (zelena) kao glavni brend akcenat sajta. */
    --panel-dark:      #07090C;
    --panel-dark-alt:  #0F1216;
    --accent-gold:       #D4A54A;
    --accent-gold-bright:#E9CD8C;
    --accent-gold-soft:  rgba(212, 165, 74, 0.14);
    --accent-gold-line:  rgba(212, 165, 74, 0.55);

    --accent-web:       #6366F1;
    --accent-web-soft:  rgba(99,102,241,0.08);
    --accent-video:     #F59E0B;
    --accent-video-soft:rgba(245,158,11,0.08);
    --accent-social:    #EC4899;
    --accent-social-soft:rgba(236,72,153,0.08);
    /* tehnoloske stranice (sajtovi i hosting): emerald + cyan + plava na tamnom */
    --tech-bg:          #0A1420;
    --tech-bg-2:        #0D1B2A;
    --tech-cyan:        #22D3EE;
    --tech-line:        rgba(148,163,184,0.14);
    --tech-muted:       #A7B4C4;   /* 8:1 na --tech-bg */
    --accent-social-2:  #8B5CF6;   /* drugi kraj pink→ljubicastog gradijenta za mreze */
    --accent-social-ink:#BE185D;   /* pink za tekst i linkove: 6:1 na beloj, #EC4899 je samo 3.5:1 */

    --border:     #E2E8F0;
    --border-mid: #CBD5E1;
    --shadow-sm:  0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md:  0 4px 16px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.04);
    --shadow-lg:  0 10px 40px rgba(0,0,0,0.08), 0 4px 12px rgba(0,0,0,0.05);
    --shadow-card:0 4px 24px rgba(0,0,0,0.05), 0 1px 4px rgba(0,0,0,0.04);
    --shadow-hover:0 12px 40px rgba(0,0,0,0.10), 0 4px 12px rgba(0,0,0,0.06);

    --radius-sm:  8px;
    --radius-md:  14px;
    --radius-lg:  20px;
    --radius-xl:  28px;

    --font-display: 'Plus Jakarta Sans', system-ui, sans-serif;
    --font-body:    'Plus Jakarta Sans', system-ui, sans-serif;
    --font-mono:    'JetBrains Mono', 'Fira Code', monospace;
  }