/*Universal custom properties (variables) */

body {
  font-size: 16px;
}

:root {

/* Spacing */

--gap: 1.5rem; 
--gapn: -1.5rem; 

/* Block content widths */

--width-standard:650px;
--width-wide:1100px;
--width-max:1600px;

--width-limit: calc(100% - 2 * var(--gap));

--width-columns: 250px;

/* Colors */

--charcoal: #222;
--charcoal-light: #333;
--gray-dark: #666666;
--gray-medium: #aaaaaa;
--gray-light: #cccccc;
--smoke: #f2f2f2;
--gold: #ffdb58;

--link-color: #2c82c9;

--selection-bgcolor: var(--link-color);
--selection-textcolor: #fff;

--txt-dark:rgba(0,0,0,0.6);
--txt-light: rgba(255,255,255,0.6);

/* Typography */

--fallback: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, sans-serif;

--sans: 'Mulish', var(--fallback); 
--serif: var(--sans); 
--mono: 'Courier New', Courier, monospace;

/* The following are generated by WordPress from the Theme.json file */

--txt-xsmall:   var(--wp--preset--font-size--tiny, 0.75rem);
--txt-small:  var(--wp--preset--font-size--small, 0.875rem);
--txt-base:  var(--wp--preset--font-size--normal, 1.125rem);
--txt-medium:  var(--wp--preset--font-size--medium, 1.5rem);
--txt-large:  var(--wp--preset--font-size--large, 1.875rem);
--txt-xlarge: var(--wp--preset--font-size--x-large, 2.5rem);
--txt-xxlarge: var(--wp--preset--font-size--xx-large, 3rem);
--txt-xxxlarge: var(--wp--preset--font-size--huge, 3.75rem);


/* Border and shadows */

--radius: 5px;
--border: solid 1px #aaa;
--shadows: 0 3px 0.3em rgba(0,0,0,0.3);

/* Form fields */

--field-radius: var(--radius);
--field-padding: 0 0.75em !important;
--field-border: var(--border);
--field-bgcolor: #fff;

--field-border-focus: solid 1px #000;
--field-bgcolor-focus: #fff;
--field-shadow-focus: var(--shadows);

/* Field placeholders */

--placeholder-color: inherit;
--placeholder-font-style: normal;
--placeholder-opacity: 0.7;

/* Form inputs and button height */

--input-height: 2.5em;



/* Social Brand Colors */

--facebook: #1977f3;
--linkedin: #0274b3;
--twitter: #000 /* #1da1f2 */;
--tiktok: #000 /* #ff0050 */;
--reddit: #ff5600;
--tumblr: #314358;
--pocket: #ef4056;
--youtube: #FF0000;
--rss: #f26522;
--pinterest: #bd081c;
--vimeo: #1ab7ea;
--instagram: #c13584;

}