:root {
  --base-color: oklch( var(--base-color-lig) var(--base-color-chr) var(--base-color-hue) )
  //--base-color: oklch(42.64% 0.1596 307);
  --primary: var(--base-color);
  --primary-base: 0.05;
  --base-color-10:	oklch(from var(--primary) 10% calc(var(--primary-base) + (sin( 1.00 * pi) * c)) h);
  --base-color-15:	oklch(from var(--primary) 15% calc(var(--primary-base) + (sin( 0.95 * pi) * c)) h);
  --base-color-20:	oklch(from var(--primary) 20% calc(var(--primary-base) + (sin( 0.90 * pi) * c)) h);
  --base-color-25:	oklch(from var(--primary) 25% calc(var(--primary-base) + (sin( 0.85 * pi) * c)) h);
  --base-color-30:	oklch(from var(--primary) 30% calc(var(--primary-base) + (sin( 0.80 * pi) * c)) h);
  --base-color-35:	oklch(from var(--primary) 35% calc(var(--primary-base) + (sin( 0.75 * pi) * c)) h);
  --base-color-40:	oklch(from var(--primary) 40% calc(var(--primary-base) + (sin( 0.70 * pi) * c)) h);
  --base-color-45:	oklch(from var(--primary) 45% calc(var(--primary-base) + (sin( 0.65 * pi) * c)) h);
  --base-color-50:	oklch(from var(--primary) 50% calc(var(--primary-base) + (sin( 0.60 * pi) * c)) h);
  --base-color-55:	oklch(from var(--primary) 55% calc(var(--primary-base) + (sin( 0.55 * pi) * c)) h);
  --base-color-60:	oklch(from var(--primary) 60% calc(var(--primary-base) + (sin( 0.50 * pi) * c)) h);
  --base-color-65:	oklch(from var(--primary) 65% calc(var(--primary-base) + (sin( 0.45 * pi) * c)) h);
  --base-color-70:	oklch(from var(--primary) 70% calc(var(--primary-base) + (sin( 0.40 * pi) * c)) h);
  --base-color-75:	oklch(from var(--primary) 75% calc(var(--primary-base) + (sin( 0.35 * pi) * c)) h);
  --base-color-80:	oklch(from var(--primary) 80% calc(var(--primary-base) + (sin( 0.30 * pi) * c)) h);
  --base-color-85:	oklch(from var(--primary) 85% calc(var(--primary-base) + (sin( 0.25 * pi) * c)) h);
  --base-color-90:	oklch(from var(--primary) 90% calc(var(--primary-base) + (sin( 0.20 * pi) * c)) h);
  --base-color-95:	oklch(from var(--primary) 95% calc(var(--primary-base) + (sin( 0.15 * pi) * c)) h);
  --base-color-97:	oklch(from var(--primary) 97% calc(var(--primary-base) + (sin( 0.13 * pi) * c)) h);
  --base-color-100: oklch(from var(--primary) 100% calc(var(--primary-base) + (sin( 0.10 * pi) * c)) h);
  --secondary-complement-base-color-hue: calc(var(--base-color-hue) + 120deg);
  --secondary: oklch(50% 0.0 var(--secondary-complement-base-color-hue));
  --secondary-base: 0.05;
  --secondary-10:	oklch(from var(--secondary) 10% calc(var(--secondary-base) + (sin(1.0 * pi) * c)) h);
  --secondary-20:	oklch(from var(--secondary) 20% calc(var(--secondary-base) + (sin(0.9 * pi) * c)) h);
  --secondary-30:	oklch(from var(--secondary) 30% calc(var(--secondary-base) + (sin(0.8 * pi) * c)) h);
  --secondary-40:	oklch(from var(--secondary) 40% calc(var(--secondary-base) + (sin(0.7 * pi) * c)) h);
  --secondary-50:	oklch(from var(--secondary) 50% calc(var(--secondary-base) + (sin(0.6 * pi) * c)) h);
  --secondary-60:	oklch(from var(--secondary) 60% calc(var(--secondary-base) + (sin(0.5 * pi) * c)) h);
  --secondary-70:	oklch(from var(--secondary) 70% calc(var(--secondary-base) + (sin(0.4 * pi) * c)) h);
  --secondary-80:	oklch(from var(--secondary) 80% calc(var(--secondary-base) + (sin(0.3 * pi) * c)) h);
  --secondary-90:	oklch(from var(--secondary) 90% calc(var(--secondary-base) + (sin(0.2 * pi) * c)) h);
  --secondary-100:	oklch(from var(--secondary)	100% calc(var(--secondary-base) + (sin(0.1 * pi) * c)) h);
  --body-color-background: var(--base-color-97);
  --body-color-text: var(--base-black);
  --base-white: White;
  --base-black: Black;
  --accent-red: #880000;
  --accent-green: #009900;
  --accent-blue: #000099;
  --accent-gray: #f1f1f1;
  --brand-primary: var(--base-color);
  --brand-accent: var(--accent-red);
  --brand-success: hsl(120, 39%, 54%);
  --brand-info: hsl(194, 66%, 61%);
  --brand-warning: hsl(059, 84%, 62%);
  --brand-danger: hsl(002, 64%, 58%);
  --brand-lite: var(--base-color-80);
  --brand-dark: var(--base-color-10);
  --gray-darker: #9a9a9a;
  --gray-dark: #bbbbbb;
  --gray: #cccccc;
  --gray-light: #dddddd;
  --gray-lighter: #eaeaea;
  --box-shadow-style: 5px 5px 5px 0px #000000;
  --box-shadow-bg-png:	url(../images/mis_images/paper_texture.png) repeat;
  --box-shadow-bg-gif:	url(../images/mis_images/newspaper_bg.gif) repeat;
  --box-shadow-bg-mem: url(../images/mis_images/bg_hf_pattern.jpg) repeat;
  --box-shadow-bg-color: #b1ed9e;
  --search-bg-color: hsl(029, 100%, 75%);
  --link-color: var(--base-color-10);
  --link-hover-color: var(--base-color-60);
  --link-hover-decoration: underline;
  --navbar-bp-xs: 0px;
  --navbar-bp-sm: 600px;
  --navbar-bp-md: 768px;
  --navbar-bp-lg: 992px;
  --navbar-bp-xl: 1200px;
  --screen-bp-xs: 0px;
  --screen-bp-sm: 600px;
  --screen-bp-md: 768px;
  --screen-bp-lg: 992px;
  --screen-bp-xl: 1200px;
  --footer-bp-xs: 0px;
  --footer-bp-sm: 600px;
  --footer-bp-md: 768px;
  --footer-bp-lg: 992px;
  --footer-bp-xl: 1200px;
}