/* Custom color overrides - must come after theme CSS */

/* Default for all pages - use white accent */
html:root,
body {
  --accent: #ffffff !important;
}

/* Individual post pages - random colors assigned by priority */
html body.post[data-priority="1"],
body.post[data-priority="1"] {
  --accent: #ff6b6b !important; /* Red */
}

html body.post[data-priority="2"],
body.post[data-priority="2"] {
  --accent: #4ecdc4 !important; /* Teal */
}

html body.post[data-priority="3"],
body.post[data-priority="3"] {
  --accent: #45b7d1 !important; /* Blue */
}

html body.post[data-priority="4"],
body.post[data-priority="4"] {
  --accent: #96ceb4 !important; /* Green */
}

html body.post[data-priority="5"],
body.post[data-priority="5"] {
  --accent: #ffeaa7 !important; /* Yellow */
}

html body.post[data-priority="6"],
body.post[data-priority="6"] {
  --accent: #dfe6e9 !important; /* Light Gray */
}

html body.post[data-priority="7"],
body.post[data-priority="7"] {
  --accent: #a29bfe !important; /* Purple */
}

html body.post[data-priority="8"],
body.post[data-priority="8"] {
  --accent: #fd79a8 !important; /* Pink */
}

html body.post[data-priority="9"],
body.post[data-priority="9"] {
  --accent: #fdcb6e !important; /* Orange */
}