/**
 * Marked Extended Alert - Full Theme Styles
 * Visual styles with customizable CSS variables and light/dark support.
 *
 * Import this file after the structural styles:
 * @import '@fsegurai/marked-extended-alert/styles/alert.css';
 * @import '@fsegurai/marked-extended-alert/styles/alert-theme.css';
 */

:root {
  --marked-extended-alert-border-color: #444c56;
  --marked-extended-alert-text-color: var(--app-text-primary, #24292e);
  --marked-extended-alert-note-color: #539bf5;
  --marked-extended-alert-tip-color: #57ab5a;
  --marked-extended-alert-important-color: #986ee2;
  --marked-extended-alert-warning-color: #c69026;
  --marked-extended-alert-caution-color: #e5534b;
}

body.light {
  --marked-extended-alert-text-color: var(--app-text-primary, #24292e);
}

body.dark {
  --marked-extended-alert-text-color: #d1d5da;
}

.marked-extended-alert {
  color: var(--marked-extended-alert-text-color);
  border-left-color: var(--marked-extended-alert-border-color);
}

.marked-extended-alert-note {
  border-left-color: var(--marked-extended-alert-note-color);
}

.marked-extended-alert-note > .marked-extended-alert-title {
  color: var(--marked-extended-alert-note-color);
}

.marked-extended-alert-note > .marked-extended-alert-title svg {
  fill: var(--marked-extended-alert-note-color);
}

.marked-extended-alert-tip {
  border-left-color: var(--marked-extended-alert-tip-color);
}

.marked-extended-alert-tip > .marked-extended-alert-title {
  color: var(--marked-extended-alert-tip-color);
}

.marked-extended-alert-tip > .marked-extended-alert-title svg {
  fill: var(--marked-extended-alert-tip-color);
}

.marked-extended-alert-important {
  border-left-color: var(--marked-extended-alert-important-color);
}

.marked-extended-alert-important > .marked-extended-alert-title {
  color: var(--marked-extended-alert-important-color);
}

.marked-extended-alert-important > .marked-extended-alert-title svg {
  fill: var(--marked-extended-alert-important-color);
}

.marked-extended-alert-warning {
  border-left-color: var(--marked-extended-alert-warning-color);
}

.marked-extended-alert-warning > .marked-extended-alert-title {
  color: var(--marked-extended-alert-warning-color);
}

.marked-extended-alert-warning > .marked-extended-alert-title svg {
  fill: var(--marked-extended-alert-warning-color);
}

.marked-extended-alert-caution {
  border-left-color: var(--marked-extended-alert-caution-color);
}

.marked-extended-alert-caution > .marked-extended-alert-title {
  color: var(--marked-extended-alert-caution-color);
}

.marked-extended-alert-caution > .marked-extended-alert-title svg {
  fill: var(--marked-extended-alert-caution-color);
}