:root{
    /* TŁA */
    --bg:#ffffff;
    --bg-soft:#f3f5f9;
    --card:#ffffff;
  
    /* TEKST */
    --text:#0b1220;
    --muted:#475569;
  
    /* AKCENT – NOWA TOŻSAMOŚĆ (B2B / CONSULTING) */
    --accent:#2563eb;      /* główny kolor interakcji */
    --accent-2:#60a5fa;
  
    /* ŻÓŁTY – TYLKO JAKO DELIKATNY AKCENT */
    --brand:#ffcc00;
    --brand-2:#ffe066;
  
    /* UI */
    --radius:14px;
    --shadow:0 12px 28px rgba(15,23,42,.08);
    --ring:0 0 0 3px rgba(37,99,235,.25);
    --shadow-soft: 0 10px 28px rgba(15,23,42,.06);
    --ring-soft: 0 0 0 2px rgba(37,99,235,.20);
    --text-2: #13223a;
    --muted-2: #64748b;
  
    --border:1px solid rgba(2,6,23,.10);
    --border-2:1px solid rgba(2,6,23,.06);
  
    /* LAYOUT */
    --container:1180px;
    --pad: clamp(16px, 4vw, 40px);
  }
  
  /* DARK MODE */
  html[data-theme="dark"]{
    --bg:#0b0d11;
    --bg-soft:#090b0f;
    --card:#12151c;
  
    --text:#eef2f6;
    --muted:#a1a8b3;
  
    --accent:#60a5fa;
    --accent-2:#93c5fd;
  
    --shadow:0 14px 32px rgba(0,0,0,.55);
    --shadow-soft: 0 14px 34px rgba(0,0,0,.50);
    --ring-soft: 0 0 0 2px rgba(96,165,250,.18);
    --text-2: #dbe4ee;
    --muted-2: #8ea0b5;
  
    --border:1px solid rgba(255,255,255,.14);
    --border-2:1px solid rgba(255,255,255,.10);
  }
  
  /* RESET / PODSTAWY */
  *{
    box-sizing:border-box;
  }
  
  html,body{
    margin:0;
    padding:0;
    background:var(--bg);
    color:var(--text);
    font:16px/1.6 Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
  }
  
  img{
    max-width:100%;
    display:block;
  }
  
  a{
    color:inherit;
    text-decoration:none;
  }
  
  [hidden]{
    display:none !important;
  }
  
  /* FOCUS – NOWOCZESNY, NIE ŻÓŁTY */
  :focus-visible{
    outline:none;
    box-shadow: var(--ring-soft), var(--ring);
    border-radius: 10px;
  }

  /* Anchor offset dla sticky header */
  html{
    scroll-behavior: smooth;
    scroll-padding-top: 16px;
  }
  section[id]{
    scroll-margin-top: 16px;
  }
  @media (max-width: 899px){
    html{ scroll-padding-top: 16px; }
    section[id]{ scroll-margin-top: 16px; }
  }