/* Capela Guadalupe — Unfold Admin accents (ops UI; no landing motion). */

@import url("https://fonts.googleapis.com/css2?family=Caladea:ital,wght@0,400;0,700;1,700&family=Carlito:ital,wght@0,400;0,700;1,400&display=swap");

:root {
  --capela-turquesa: #0e5f5b;
  --capela-turquesa-escuro: #083f3d;
  --capela-turquesa-vivo: #1b8f8a;
  --capela-nevoa: #d7ecea;
  --capela-suave: #cfe6e4;
  --capela-rosa: #c96b7a;
  --capela-dourado: #d9a62e;
  --capela-carvao: #1f2a2a;
  --font-capela-display: "Caladea", "Cambria", Georgia, serif;
  --font-capela-body: "Carlito", "Calibri", "Segoe UI", sans-serif;
}

html {
  font-family: var(--font-capela-body);
}

/* Soft page tint (light mode) */
html:not(.dark) body {
  background-color: var(--capela-nevoa);
}

/* Sidebar / header brand titles */
#header h1,
#header h1 a,
.unfold-sidebar h1,
.unfold-sidebar h1 a {
  font-family: var(--font-capela-display);
  color: var(--capela-turquesa-escuro);
}

html.dark #header h1,
html.dark #header h1 a,
html.dark .unfold-sidebar h1,
html.dark .unfold-sidebar h1 a {
  color: var(--capela-suave);
}

/* Subheader / muted ops copy */
#header .font-medium,
.unfold-sidebar .text-font-subtle-light {
  color: color-mix(in srgb, var(--capela-turquesa) 75%, var(--capela-carvao));
}

/* Link accents — rose for secondary emphasis */
a:hover {
  text-decoration-color: var(--capela-rosa);
}

/* Gold detail on focus rings where primary already paints the chrome */
*:focus-visible {
  outline-color: var(--capela-dourado);
}