/*Universal custom properties (variables) */

:root {

/* Spacing */

--gap: 1.5rem; 
--gapn: -1.5rem; 

/* Block content widths */

--width-wide: calc(1200px - 3rem);
--width-max: 1200px;
--width-standard: 800px;

--width-limit: calc(100% - 3rem);

/* Colors */

--gray: #f5f5f5; 
--beige: #fafbf4;

--dark: #425363; /* main text color */
--brown: #523f1e;
--green-dark: #4f763d;
--green: #719f35;
--green-light: #a3c55d;

--blue: #0083a3;
--blue-dark: #006a9c;
--orange: #cd712d;
--orange-light: #e5aa33;
--purple: #792c8d;
--red: #d94520;


--link-color: var(--dark);

--selection-bgcolor: var(--dark);
--selection-textcolor: #fff;

--txt-dark:rgba(0,0,0,0.6);
--txt-light: rgba(255,255,255,0.6);

/* Typography */

--fallback: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, sans-serif;

--sans:  'proxima-nova', var(--fallback); 
--serif: 'adobe-caslon-pro', var(--fallback); 
--mono:  'Courier New', Courier, monospace;

--txt-xsmall: clamp(10px, 1vw, 12px);   /* tiny */
--txt-small: clamp(12px, 2vw, 14px);    /* h6 */
--txt-base: clamp(15px, 3vw, 18px);     /* h5 & paragraph text */
--txt-medium: clamp(15px, 4vw, 18px);   /* h4 */
--txt-large: clamp(20px, 5vw, 25px);     /* h3 */
--txt-xlarge: clamp(30px, 6vw, 35px);    /* h2 */
--txt-xxlarge: clamp(30px, 6vw, 40px);   /* h1*/

--txt-xxxlarge: clamp(45px, 7vw, 50px);  /* jumbo */    

/* Form fields */

--field-radius: 3px;
--field-padding: 0 0.75em !important;
--field-border: solid 1px #ddd;
--field-bgcolor: var(--gray);

--field-border-focus: solid 1px #000;
--field-bgcolor-focus: lightyellow;
--field-shadow-focus: 0 3px 0.3em rgba(0,0,0,0.3);


/* Form inputs and button height */

--input-height: 2.5em;

/* Border radius */

--radius: 5px;
--border: solid 1px #ddd;

/* Box Shadow */

--bshadow: 0 3px 6px rgba(0,0,0,0.4);


/* Social Media Colors */

--facebook: #1977f3;
--linkedin: #0274b3;
--twitter: #1da1f2;
--reddit: #ff5600;
--tumblr: #314358;
--pocket: #ef4056;
--youtube: #FF0000;
--rss: #f26522;
--pinterest: #bd081c;
--vimeo: #1ab7ea;
--instagram: #c13584;

}