/*
 * ==========================================================
 * PROGETTO:    Kerno Framework
 * FILE:        theme.css
 * Path:        public/css/theme.css
 * ==========================================================
 * DESCRIZIONE GENERALE:
 * Variabili CSS del tema. Valori di default neutri del kernel,
 * sovrascrivibili dall'applicazione ospite con un proprio tema.
 * ==========================================================
 */

:root {
    --color-primary           : #3FB349;
    --color-primary-dark      : #25682A;
    --color-primary-light     : #5EC667;
    --color-primary-mid       : #338F3B;
    --color-primary-hover     : #4cb255;
    --color-primary-hover-dark: #297530;
    
    --color-btn-hover-light: #55b35d;
    --color-btn-hover-dark : #2d7e34;

    --color-success             : #338F3B;
    --color-success-dark        : #2d7e34;
    --color-success-border      : #1f5f27;
    --color-success-badge-border: #2f7d36;
    --color-success-badge-bg    : #3a9844;
    --color-success-badge-light : #56b85f;
    --color-success-bg-hover    : #f7fbf7;
    --color-danger              : #c62828;
    --color-danger-light        : #e53935;
    --color-danger-dark         : #b71c1c;
    --color-danger-hover        : #d32f2f;
    --color-danger-hover-dark   : #9f1818;
    --color-danger-badge-light  : #df4a4a;
    --color-danger-badge-dark   : #b91f1f;
    --color-warning             : #dd7520;
    --color-warning-border      : #c06417;
    --color-warning-light       : #ef9140;
    --color-warning-dark        : #c95f16;
    --color-info                : #1e88e5;
    --color-info-border         : #1565c0;
    --color-info-light          : #42a5f5;
    --color-info-dark           : #1976d2;

    --color-text           : #222222;
    --color-text-muted     : #666666;
    --color-text-soft      : #555555;
    --color-text-heading   : #333333;
    --color-border         : #cccccc;
    --color-border-light   : #eeeeee;
    --color-border-soft-alt: #dddddd;
    --color-bg-muted       : #f3f3f3;
    --color-bg-soft        : #f9f9f9;
    --color-bg-required    : #ffffcd;
    --color-bg-form        : #ebebeb;
    --color-bg-disabled    : #eeeeee;
    --color-border-soft    : #bbbbbb;
    --color-on-primary     : #ffffff;
    --color-on-dark        : #000000;

    --color-badge-yellow       : #f0ad00;
    --color-badge-yellow-border: #d79700;
    --color-badge-yellow-light : #f6c13a;
    --color-badge-yellow-dark  : #e39a00;
    --color-badge-indigo       : #4868d9;
    --color-badge-indigo-border: #3655b3;
    --color-badge-indigo-light : #627fe8;
    --color-badge-indigo-dark  : #365bd0;
    --color-badge-violet       : #8350cf;
    --color-badge-violet-border: #6f3db6;
    --color-badge-violet-light : #9b6ee0;
    --color-badge-violet-dark  : #7442bd;
    --color-badge-pink         : #d94695;
    --color-badge-pink-border  : #b83280;
    --color-badge-pink-light   : #ec6faf;
    --color-badge-pink-dark    : #c42d7f;
    --color-badge-gray         : #78818f;
    --color-badge-gray-border  : #6b7280;
    --color-badge-gray-light   : #9ca3af;
    --color-badge-gray-dark    : #6b7280;

    --color-link            : #29752F;
    --color-list-count-text : #2D7F33;
    --color-menu-divider    : #e0e0e0;
    --color-tooltip-bg      : #333333;
    --color-easymde-hover-bg: #f1f1f1;

    --color-msg-success-bg    : #eef8f3;
    --color-msg-success-text  : #03543f;
    --color-msg-success-border: #b7dec9;
    --color-msg-success-accent: #0e9f6e;
    --color-msg-danger-bg     : #fbefef;
    --color-msg-danger-text   : #9b1c1c;
    --color-msg-danger-border : #dfbaba;
    --color-msg-danger-accent : #e02424;
    --color-msg-warning-bg    : #fff8e6;
    --color-msg-warning-text  : #6f4f00;
    --color-msg-warning-border: #dec57a;
    --color-msg-warning-accent: #b7791f;

    --color-guide-h1-border-left: #3a9844;
    --color-guide-h1-bg         : #f3f3f3;
    --color-guide-h3            : #1c6921;

    --color-muted-light : #999999;
    --color-valid       : #1f7a28;
    --color-invalid     : #a90f0f;
    --color-note-accent : #a06900;
    --color-sex-male    : #1e429f;
    --color-sex-female  : #b42372;
    --color-yes         : #4ca351;
    --color-no          : #b93131;
    --color-focus-border: #2f6547;

    --font-family-icon: "Material Icons";

    --radius-badge       : 3px;
    --radius-small       : 4px;
    --radius-medium      : 6px;
    --radius-large       : 8px;
    --radius-top-large   : 8px 8px 0 0;
    --radius-bottom-large: 0 0 8px 8px;
    --radius-round       : 50%;
    --radius-switch      : 22px;

    /* Commonmark e EasyMDE. Stile allineato a .guide-content (guida in
       linea applicativa): stessi bordi/sfondi/colori, cosi' il testo
       Markdown ha resa identica ovunque compaia nell'app (guida,
       programma corso, contenuto lezione, anteprima EasyMDE). */

    --md-h1-size        : 36px;
    --md-h1-margin      : 0 0 35px;
    --md-h1-line-height : 1.25;
    --md-h1-font-weight : normal;
    --md-h1-text-shadow : none;
    --md-h1-color       : var(--color-text);
    --md-h1-border-left : 5px solid var(--color-guide-h1-border-left);
    --md-h1-background  : var(--color-guide-h1-bg);
    --md-h1-padding      : 2px 18px 10px;

    --md-h2-size        : 26px;
    --md-h2-margin      : 30px 0 25px;
    --md-h2-line-height : 1.25;
    --md-h2-font-weight : normal;
    --md-h2-text-shadow : none;
    --md-h2-color       : var(--color-text);
    --md-h2-border-bottom: 1px solid var(--color-border);
    --md-h2-padding-bottom: 4px;

    --md-h3-size       : 20px;
    --md-h3-margin     : 28px 0 16px;
    --md-h3-line-height: 1.25;
    --md-h3-font-weight: normal;
    --md-h3-text-shadow: none;
    --md-h3-color      : var(--color-guide-h3);

    --md-h4-size       : 16px;
    --md-h4-margin     : 20px 0 12px;
    --md-h4-line-height: 1.25;
    --md-h4-font-weight: bold;
    --md-h4-text-shadow: none;
    --md-h4-color      : var(--color-text);
}