:root {
  --p: 250, 250, 250;
  --prime: rgb(var(--p)); /* #f39 */
  --prime-25: rgba(var(--p), 0.25);
  --prime-50:rgba(var(--p), 0.5);
  --prime-hover: rgba(var(--p), 0.85); /* 330°, 100%, 60% */
  --prime-inverse: #121212;

}

html,body {
  background-color:#fafafa;
}
button, [role="button"] {
  --pico-border-radius: 2rem;
}
img {
  box-shadow: 0px 0px 14px rgba(0, 0, 0, .023);
}
.tabOn::after {
  content: '';
  display: block;
  height: 3px;
  width: 2rem;
  margin: 6px auto 0px auto;
  border-radius:2px;
  background-color: var(--pico-color);
}
.navItem, a, a:hover {
  color: var(--prime-inverse);
  text-decoration: none;
}
[data-theme=light],
:root:not([data-theme=dark]) {
  --pico-text-selection-color: var(--prime-25);
  --pico-primary: var(--prime);
  --pico-primary-background: var(--prime);
  --pico-primary-underline: var(--prime-50);
  --pico-primary-hover: var(--prime-hover);
  --pico-primary-hover-background: var(--prime);
  --pico-primary-focus: var(--prime-50);
  --pico-primary-inverse: var(--prime-inverse);
}

/* Orange color for dark color scheme (Auto) */
/* Automatically enabled if user has Dark mode enabled */
@media only screen and (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --pico-text-selection-color: var(--prime-25);
    --pico-primary: var(--prime);
    --pico-primary-background: var(--prime);
    --pico-primary-underline: var(--prime-50);
    --pico-primary-hover: var(--prime-hover);
    --pico-primary-hover-background: var(--prime-hover);
    --pico-primary-focus: var(--prime-50);
    --pico-primary-inverse: var(--prime-inverse);
  }
}
/* Orange color for dark color scheme (Forced) */
/* Enabled if forced with data-theme="dark" */
[data-theme=dark] {
  --pico-text-selection-color: var(--prime-25);
  --pico-primary: var(--prime);
  --pico-primary-background: var(--prime);
  --pico-primary-underline: var(--prime-50);
  --pico-primary-hover: var(--prime-hover);
  --pico-primary-hover-background: var(--prime-hover);
  --pico-primary-focus: var(--prime-50);
  --pico-primary-inverse: var(--prime-inverse);
}