/* =====================================================
   KPSS LEGAL DESIGN SYSTEM
   Wersja 1.0
===================================================== */

:root {

    /* ====================================
       KOLORY ADWOKATURY
    ==================================== */

    --kpss-green: #004730;
    --kpss-green-light: #115330;
    --kpss-green-dark: #003524;

    --kpss-gold: #A88622;
    --kpss-gold-light: #C6A24A;
    --kpss-gold-dark: #8D701D;

    --kpss-silver: #8A8D8F;
    --kpss-silver-light: #B7B9BA;
    --kpss-silver-dark: #6F7274;

    --kpss-black: #2F303A;
    --kpss-black-light: #44454D;


    /* ====================================
       TŁA
    ==================================== */

    --kpss-bg-white: #FFFFFF;
    --kpss-bg-light: #F8F9FA;
    --kpss-bg-dark: #F3F4F5;


    /* ====================================
       TEKSTY
    ==================================== */

    --kpss-text: #444444;
    --kpss-text-light: #666666;
    --kpss-text-muted: #888888;

    --kpss-text-white: #FFFFFF;


    /* ====================================
       OBRAMOWANIA
    ==================================== */

    --kpss-border: #d9d9d9;
    --kpss-border-light: rgba(0,0,0,.08);
    --kpss-border-medium: rgba(0,0,0,.12);

    --kpss-border-white: rgba(255,255,255,.15);


    /* ====================================
       CIENIE
    ==================================== */

    --shadow-sm: 0 4px 16px rgba(0,0,0,.05);

    --shadow-md: 0 6px 18px rgba(0,0,0,.08);

    --shadow-lg: 0 12px 28px rgba(0,0,0,.12);


    /* ====================================
       ZAOKRĄGLENIA
    ==================================== */

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 20px;


    /* ====================================
       PRZEJŚCIA
    ==================================== */

    --transition-fast: .2s ease;
    --transition-normal: .3s ease;
    --transition-slow: .4s ease;

    /* ====================================
       Focus 
    ==================================== */

    --focus-ring-gold: 0 0 0 3px rgba(168,134,34,.15);

    /* ====================================
       SZEROKOŚCI KONTENTU
    ==================================== */

    --container-narrow: 900px;
    --container-content: 1100px;
    --container-wide: 1280px;


      /* ====================================
         LAYER / Z-INDEX
      ==================================== */

    --z-navbar: 1000;
    --z-dropdown: 1010;
    --z-floating-cta: 9999;
    --z-mobile-bar: 9999;

}