/* Dial Gauge web component CSS variables and their default values. */

dial-gauge {
    /* Element */
    --dg-background-color: #ffffff;
    --dg-border: 1px solid #000000;
    --dg-border-radius: 5px;
    --dg-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.35);
    --dg-display: inline-block;
    --dg-height: 200px;
    --dg-margin: 0;
    --dg-width: 200px;
    --dg-z-index: 0;

    /* Title */
    --dg-title-color: #000000;
    --dg-title-font-family: Verdana, Geneva, Tahoma, sans-serif;
    --dg-title-font-size: 1.5em;

    /* Dial Arc */
    --dg-arc-background-color: #efefef;
    --dg-arc-color: #000000;
    --dg-arc-width: 20;

    /* Numeric Display */
    --dg-numeric-color: #000000;
    --dg-numeric-font-family: Verdana, Geneva, Tahoma, sans-serif;
    --dg-numeric-font-size: 2.5em;

    /* Subtitle */
    --dg-subtitle-color: #000000;
    --dg-subtitle-font-family: Verdana, Geneva, Tahoma, sans-serif;
    --dg-subtitle-font-size: 1em;
}