:root {

    --lumicodex-0dp: #121212;
    --lumicodex-1dp: #1e1e1e;
    --lumicodex-2dp: #222222;
    --lumicodex-3dp: #242424;
    --lumicodex-4dp: #272727;
    --lumicodex-6dp: #2c2c2c;
    --lumicodex-8dp: #2d2d2d;
    --lumicodex-12dp: #333333;
    --lumicodex-16dp: #353535;
    --lumicodex-24dp: #383838;

    --lumicodex-highlight: #ffffff;
    --lumicodex-default: #dadada;
    --lumicodex-disabled: #919191;

    --lumicodex-error:#CF6679;

    --lumicodex-background: var(--lumicodex-0dp);
    --lumicodex-surface: var(--lumicodex-2dp);
    --lumicodex-background-semi-transparent: #dadada40;

    --lumicodex-lowered: var(--lumicodex-0dp);
    --lumicodex-raised: var(--lumicodex-4dp);

    --lumicodex-placeholder: var(--lumicodex-disabled);
    --lumicodex-border: var(--lumicodex-default);

    --lumicodex-background-disabled: var(--lumicodex-6dp);
    --lumicodex-background-button: transparent;
    --lumicodex-color-button: var(--lumicodex-default);


    --lumicodex-ripple: rgba(156, 156, 156, 0.7);
    --lumicodex-scrim: rgba(18,18,18, 0.8);

    --lumicodex-font-color: var(--lumicodex-default);    
    --lumicodex-font-color-heading: var(--lumicodex-highlight);    

    --lumicodex-border-radius: 5px;
    --lumicodex-font-size: 16px;
    --lumicodex-font-size-heading: 24px;

    --lumicodex-control-to-border-padding: 5px;
  
    --lumicodex-font-family-heading: Georgia, Garamond, serif;
    --lumicodex-font-family-body: "Trebuchet MS", Helvetica, sans-serif;
    --lumicodex-font-family-controls: "Lucida Sans Unicode", "Lucida Grande", "Helvetica Neue" sans-serif;

    --lumicodex-rate-color: rgb(250, 226, 122);
    --lumicodex-mediaview-z-index: 100;

}