/*
 * Envio24 – Theme Tokens (RESKIN)
 *
 * @version 1.0.0
 * @package envio24-core/assets/css/general/
 *
 * SPIS TREŚCI (PL):
 * 1) Brand (nowe kolory bazowe) + mapowanie kompatybilności
 * 2) Tokeny UI (teksty, inputy, komunikaty) – przeniesione z base.css jako „single source of truth”
 * 3) Tokeny SVG (radio/icons: frame/glyph/bg/cta)
 * 4) Tokeny pomocnicze (Account Icon glow, itp.)
 *
 * UWAGI (PL):
 * - To jest JEDYNE docelowe miejsce, gdzie trzymamy kolory dla frontu (Order Form + Account Icon).
 * - Zachowujemy stare nazwy zmiennych (np. --e24-green/--e24-orange) dla kompatybilności,
 *   ale mapujemy je na nowe role brandu.
 * - WAŻNE wymaganie PM: CTA ma pozostać pomarańczowe (#D35400).
 */

:root {

    /* =========================================================
     * 1) BRAND – nowe kolory bazowe (RESKIN 2026-01)
     * ======================================================= */

    /* Nowy kolor akcentu / CTA (pomarańcz) */
    --e24-brand-accent: #D35400;

    /* Nowy kolor „ciemny/techniczny” (grafit) */
    --e24-brand-dark:   #2F353B;

    /*
     * Kompatybilność historyczna:
     * - W kodzie mamy już wiele odwołań do: --e24-orange / --e24-green.
     * - Aby NIE przepinać całego UI na tym etapie, mapujemy:
     *   --e24-orange => CTA/akcent (musi pozostać pomarańczowe)
     *   --e24-green  => kolor ciemny (ramki/akcenty techniczne)
     */
    --e24-orange: var(--e24-brand-accent);
    --e24-green:  var(--e24-brand-dark);

    /* Legacy token używany w kilku hoverach/secondary – ma wskazywać CTA */
    --e24-btn: var(--e24-brand-accent);

    /* =========================================================
     * 2) TOKENY UI – teksty, inputy, komunikaty
     *    (przeniesione z assets/css/order-form/base.css :root)
     * ======================================================= */

    --e24-text-main:     #444444;
    --e24-text-unit:     #333333;
    --e24-text-input:    #666666;
    --e24-text-muted:    #777777;
    --e24-text-disabled: #7D7D7D;

    --e24-input-unit-bg: #F3F3F3;
    --e24-input-border:  #D7D7D7;

    /*
     * Fokus inputów (pochodne były wcześniej „zielone”).
     * Na czas RESKIN ustawiamy je w tonacji CTA, żeby nie zostawały zielone.
     * Jeśli później dostaniesz od brandu docelowe pochodne – podmienimy tylko te wartości.
     */
    --e24-input-focus-border: var(--e24-brand-accent);
    --e24-input-focus-bg:     #FFF1E6; /* jasny pomarańcz (tymczasowy, spójny z CTA) */
    --e24-input-filled-bg:    #FFF8F2; /* bardzo jasny pomarańcz (tymczasowy) */

    /* Komunikaty systemowe – bez zmian (zgodnie z ustaleniami) */
    --e24-error-bg:     #FDECEC;
    --e24-error-border: #D93025;
    --e24-error-text:   #B3261E;

    --e24-warn-bg:      #FFF8E1;
    --e24-warn-border:  #FFC94A;
    --e24-warn-text:    #8A6D1A;

    /* Token używany przez komponent modala */
    --e24-modal-scrollbar-extra: 0;

    /* =========================================================
     * 3) TOKENY SVG – radio/icons (frame/glyph/bg/cta)
     * ======================================================= */

    /* Ramka (squircle) */
    --e24-svg-frame: var(--e24-brand-dark);

    /* Sygnet (wewnętrzna ikona) */
    --e24-svg-glyph: var(--e24-brand-accent);

    /* Tło / separator w SVG (np. biały „podkład”) */
    --e24-svg-bg: #FFFFFF;

    /* Dodatkowy obrys CTA (dla ikon typu COD/Inserir) */
    --e24-svg-cta: var(--e24-brand-accent);

    /* =========================================================
     * 4) Tokeny pomocnicze (Account Icon)
     * ======================================================= */

    /* Glow dla hover na ikonie konta (dawniej: rgba(255,130,50,0.9)) */
    --e24-account-glow: rgba(211, 84, 0, 0.90);

    /* Zachowanie kompatybilności z obecnymi plikami account-button-*.css */
    --e24-color-glow:       var(--e24-account-glow);
    --e24-color-orange-cta: var(--e24-brand-accent);
}