@charset "utf-8";

/* Customizations for oratan.com */

/* 1. Drop shadow for site name and description */
.inventea-sitename {
	text-shadow: 1px 1px 3px var(--links-color-hover-focus), -1px -1px 3px var(--links-color-hover-focus), 1px -1px 3px var(--links-color-hover-focus), -1px 1px 3px var(--links-color-hover-focus), 0 0 8px var(--links-color-hover-focus);
}

/* 2. WCAG AA Contrast Overrides */
:root {
  --inventea-online-bg: #0c826a;
  --inventea-dashboard-image: url("https://i.imgur.com/r2OwlEq.jpg");
}

html,
[data-theme="light"] {
  --inventea-userbar: #757575;
  --inventea-footer: #757575;
  --color-error: #bb083a;
}

/* Light mode header links hover specific override */
.inventea-header a:hover,
.inventea-header a:focus {
  color: #ffa3b8;
}

@media (prefers-color-scheme: dark) {
  html {
    --content-color: #cccccc;
    --links-color-hover-focus: #ff6b8b;
    --color-error: #ff85a0;
    --bg-warning: #2b220d;
    --color-warning: #ffd34d;
  }
}

[data-theme="dark"] {
  --content-color: #cccccc;
  --links-color-hover-focus: #ff6b8b;
  --color-error: #ff85a0;
  --bg-warning: #2b220d;
  --color-warning: #ffd34d;
}

/* 3. Dashboard header image custom aspect ratio */
.inventea-dashboard-image {
	aspect-ratio: 1170 / 180;
}