/*
 * Mimir Documentation - Enova Design System Brand Colors
 * Custom CSS overrides for Zensical theme
 */

:root {
	/* Enova Design System - Primary Color (Fjellgronn) */
	--md-primary-fg-color: #324947 !important;
	--md-primary-fg-color--light: #5a7a77 !important;
	--md-primary-fg-color--dark: #1a1e1d !important;

	/* Enova Design System - Accent Color (Fjordgronn) */
	--md-accent-fg-color: #5eca9b !important;
}

/* Light mode */
/* [data-md-color-scheme="default"],
[data-md-color-scheme="light"] {
  --md-primary-fg-color: #324947 !important;
  --md-primary-fg-color--light: #5a7a77 !important;
  --md-primary-fg-color--dark: #1a1e1d !important;
  --md-accent-fg-color: #5eca9b !important;
} */

/* Dark mode */
/* [data-md-color-scheme="slate"],
[data-md-color-scheme="dark"] {
  --md-primary-fg-color: #324947 !important;
  --md-primary-fg-color--light: #5a7a77 !important;
  --md-primary-fg-color--dark: #1a1e1d !important;
  --md-accent-fg-color: #5eca9b !important;
} */

/* Ensure blockquotes use Enova orange */
blockquote {
	border-left-color: #ed8550 !important;
}

/* Header/nav styling */
.header {
	background-color: #324947 !important;
}

/* Tab styling */
.tabs {
	background-color: #324947 !important;
}

.tabs__link {
	color: rgba(255, 255, 255, 0.7) !important;
}

.tabs__link--active {
	color: #5eca9b !important;
	border-bottom-color: #5eca9b !important;
}

/* ADR status icons (Lucide) */
:root {
	/* proposed: lightbulb */
	--md-status--proposed: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/><path d="M9 18h6"/><path d="M10 22h4"/></svg>');
	/* accepted: circle-check */
	--md-status--accepted: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="m9 12 2 2 4-4"/></svg>');
	/* rejected: circle-x */
	--md-status--rejected: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="m15 9-6 6"/><path d="m9 9 6 6"/></svg>');
}

.md-status--proposed::after {
	mask-image: var(--md-status--proposed);
	-webkit-mask-image: var(--md-status--proposed);
}

.md-status--accepted::after {
	mask-image: var(--md-status--accepted);
	-webkit-mask-image: var(--md-status--accepted);
}

.md-status--rejected::after {
	mask-image: var(--md-status--rejected);
	-webkit-mask-image: var(--md-status--rejected);
}