:root{
   --page-padding-vertical: 0;
   --page-padding-horizontal: calc(100vw - 20);    
   --page-max-width: 1180px;
   --main-max-width: 1180px;   
    --base-font-family: 'RobotoDraft', sans-serif;
    --base-font-size: 12px;
    --bg-color: #FFF;
    --base-font-color: #000;
   --mobile-breakpoint: 600px;
    --color-primary: #0067CE;
    --color-muted: #666;
   --h2-min-size: 1.5em;
   --h2-max-size: 1.8em;
   --h3-min-size: 1.4em;
   --h3-max-size: 1.6em;
   --h4-min-size: 1.3em;
   --h4-max-size: 1.4em;
   --fsize-d-xsmall: clamp(9px, calc(9px + 0.25vw), 11px);
   --d-mb: 0.75em; /* dynamic margin bottom */ 
   --border-radius: 4px;  
   --border-radius-lg: calc(var(--border-radius) * 2);
   --spacing: 1rem; /*margin*/
   --spacing-bottom: 1rem;
   --box-shadow-default: 0 2px 4px rgba(0, 0, 0, 0.2);
   --border-default: 1px solid #E5E5E5;
   --btn-bg-color: #000;
   --btn-border-radius: 4px;
   --btn-events-bg-color: var(--btn-bg-color);
   --svg-icon-filter-blue: brightness(0) saturate(100%) invert(28%) sepia(93%) saturate(4005%) hue-rotate(169deg) brightness(94%) contrast(103%);
}