/* theme2 — vulcano color palette for smokecfg
   sampled from sample_page_theme2.html (vulcano.ro)
   edit this file to change the configurator color scheme
   structural css lives in the inline <style> of the .ascx */

.scfg {
    /* brand */
    --scfg-primary: #4b5b28;             /* dark olive */
    --scfg-primary-rgb: 75, 91, 40;      /* same as --scfg-primary, used for rgba() */
    --scfg-primary-soft: #69852e;        /* medium olive */
    --scfg-on-primary: #fff;             /* text/icon color on top of primary */

    /* surfaces */
    --scfg-card-bg: #fff;
    --scfg-page-soft: #f6f6f6;
    --scfg-border: #e9e9e9;

    /* text */
    --scfg-text: #231f20;
    --scfg-muted: #494143;

    /* error state */
    --scfg-error-bg: #f2dede;
    --scfg-error-border: #ebccd1;
    --scfg-error-text: #a94442;

    /* warning */
    --scfg-warning: #b07a17;

    /* select chevron — stroke color must match --scfg-primary; data: url() cannot reference css vars */
    .scfg-select {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%234b5b28' stroke-width='1.6' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
    }
}