/* ============================================================
   KONFIGURÁTOR DoorWeb Razor 2026 — custom.css
   LEN FAREBNÁ TÉMA / MULTI-TENANT PREPÍNANIE

   Pri predaji konfigurátora inej firme sa mení iba tento súbor.
   Rozloženie, rozmery a komponenty sú v site.css.
   ============================================================ */

/*:root {*/
    /* Hlavný akcent DoorWeb — pôvodná zlatá ostáva zachovaná */
    /*--konf-accent: #F0C330;
    --konf-accent-hover: #D8AA12;
    --konf-accent-pressed: #B98E08;
    --konf-accent-soft: rgba(240, 195, 48, 0.14);
    --konf-accent-ring: rgba(240, 195, 48, 0.30);
    --konf-on-accent: #171B27;*/

    /* Tmavá DoorWeb téma */
    /*--konf-bg-top: #202B4A;
    --konf-bg-bottom: #111827;
    --konf-panel: rgba(7, 12, 25, 0.34);
    --konf-panel-strong: rgba(7, 12, 25, 0.52);
    --konf-border: rgba(255, 255, 255, 0.11);
    --konf-border-strong: rgba(255, 255, 255, 0.18);*/

    /* Text */
    /*--konf-text: rgba(255, 255, 255, 0.90);
    --konf-text-dim: rgba(255, 255, 255, 0.62);
    --konf-text-muted: rgba(255, 255, 255, 0.42);*/

    /* Stavové farby */
    /*--konf-done: #8B7CF6;
    --konf-success: #22C55E;
    --konf-danger: #EF4444;
    --konf-warn: #F59E0B;*/

    /* Svetlé plochy vzorkovníkov */
    /*--konf-surface: #FFFFFF;
    --konf-surface-soft: #F7F8FB;
    --konf-surface-border: #E3E7EF;
    --konf-surface-text: #172033;*/

    /* Tiene */
    /*--konf-shadow-sidebar: 10px 0 34px rgba(0, 0, 0, 0.28);
    --konf-shadow-card: 0 10px 28px rgba(0, 0, 0, 0.18);
    --konf-shadow-accent: 0 8px 24px rgba(240, 195, 48, 0.22);
}*/


:root {
    /* Hlavný akcent — moderná fialová */
    --konf-accent: #8B5CF6;
    --konf-accent-hover: #7C3AED;
    --konf-accent-pressed: #6D28D9;
    --konf-accent-soft: rgba(139, 92, 246, 0.16);
    --konf-accent-ring: rgba(139, 92, 246, 0.32);
    --konf-on-accent: #FFFFFF;
    /* Tmavá DoorWeb téma */
    --konf-bg-top: #202B4A;
    --konf-bg-bottom: #111827;
    --konf-panel: rgba(7, 12, 25, 0.34);
    --konf-panel-strong: rgba(7, 12, 25, 0.52);
    --konf-border: rgba(255, 255, 255, 0.11);
    --konf-border-strong: rgba(255, 255, 255, 0.18);
    /* Text */
    --konf-text: rgba(255, 255, 255, 0.90);
    --konf-text-dim: rgba(255, 255, 255, 0.62);
    --konf-text-muted: rgba(255, 255, 255, 0.42);
    /* Stavové farby */
    --konf-done: #14B8A6; /* dokončený krok — tyrkysová */
    --konf-success: #22C55E;
    --konf-danger: #EF4444;
    --konf-warn: #F59E0B;
    /* Svetlé plochy vzorkovníkov */
    --konf-surface: #FFFFFF;
    --konf-surface-soft: #F7F8FB;
    --konf-surface-border: #E3E7EF;
    --konf-surface-text: #172033;
    /* Tiene */
    --konf-shadow-sidebar: 10px 0 34px rgba(0, 0, 0, 0.28);
    --konf-shadow-card: 0 10px 28px rgba(0, 0, 0, 0.18);
    --konf-shadow-accent: 0 8px 24px rgba(139, 92, 246, 0.26);
}