/* ════════════════════════════════════════════════════════
   AMP — Design tokens (Etap 1)
   ────────────────────────────────────────────────────────
   Jedno źródło prawdy dla kolorów/rozmiarów używanych w tym
   pliku. Wartości = dokładnie to, co było wcześniej wpisane
   na sztywno — więc ten etap NIE zmienia wyglądu, tylko
   nazywa i centralizuje wartości.

   Przyszłe warianty motywu będą nadpisywać te zmienne w
   blokach [data-amp-theme="nazwa"] { ... } — ten plik zostaje
   wtedy motywem domyślnym ("styl 1").

   UWAGA: --amp-font-size-card-header i --amp-font-size-grid-header
   to konwersja z oryginalnych 0.9rem/0.8rem na px (przy założeniu
   16px = 1rem, standard Bootstrapa). Różnica względem oryginału
   to ok. 0.4px — niezauważalne, ale sygnalizuję na wszelki wypadek.

   Kolory statusu (success/danger/warning/info) ujednolicone do
   zestawu z toastów — zgodnie z ustaleniem, że to one wyglądają
   najlepiej. W tym pliku toasty już z nich korzystały, więc też
   zero zmiany. Inne miejsca w kodzie (AG Grid, dropdown wariantów)
   MAJĄ WCIĄŻ SWOJE STARE, INNE odcienie zielone/czerwone — to
   celowo zostawione na Etap 2 (tam się ujednolici do tych tokenów).
   ════════════════════════════════════════════════════════ */
   :root {


    /* Neutralne / tła / obramowania */
    --amp-color-border:       #e9ecef;
    --amp-color-border-light: #f0f0f0;
    --amp-color-bg-subtle:    #f8f9fc;
    --amp-color-text-muted:   #adb5bd;

    /* 1. Zmienna sterująca wielkością (1 = 100%, 1.2 = 120% itd.) */
    --amp-font-scale: 1;

    /* 2. Typografia — przeliczana dynamicznie przez --amp-font-scale */
    --amp-font-size-xs: calc(9px * var(--amp-font-scale));
    --amp-font-size-sm: calc(12px * var(--amp-font-scale));
    --amp-font-size-md: calc(14px * var(--amp-font-scale));
    --amp-font-size-lg: calc(16px * var(--amp-font-scale));
    --amp-font-size-card-header: calc(14px * var(--amp-font-scale));  /* było 0.9rem */
    --amp-font-size-grid-header: calc(13px * var(--amp-font-scale));  /* było 0.8rem */

    --amp-heading-h4: calc(23px * var(--amp-font-scale));

    /* =======================================================================
       3. TOOLTIPY (Bootstrap + AG Grid ujednolicone)
       ======================================================================= */

    /* Zmienne dla tooltipów / katex */
    --amp-tooltip-bg: #F2F7FE;
    --amp-tooltip-text: #2d3748;
    --amp-tooltip-border: 1px solid #e2e8f0;
    --amp-tooltip-radius: var(--amp-radius-md);
    --amp-tooltip-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

    /* Promienie / odstępy */
    --amp-radius-sm: 4px;
    --amp-radius-md: 6px;
    --amp-radius-lg: 8px;
    
}


[data-amp-theme="domyslny"] {
    --amp-logo-url: var(--amp-logo-domyslny);
}


[data-amp-theme="jasny"] {
    --amp-color-bg-subtle: #2a2a2a;
    --amp-node-glowna-fill: #1a3a52;
    --amp-node-glowna-stroke: #4a9eff;
    --amp-tooltip-bg: #333;
    --amp-tooltip-text: #eee;
    --amp-logo-url: var(--amp-logo-light);
    /* itd — tylko to, co chcesz zmienić */
}


.amp-logo {
    position: relative;
    padding-left: 35px;
}

.amp-logo::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 28px;
    width: 28px;
    background-image: var(--amp-logo-url);
    background-size: contain;
    background-repeat: no-repeat;
}