/* Ser Sereno identity, layered over Twenty's native theme and components. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Jost:wght@400;500;600&display=swap');
:root {
  --ss-pearl: #f4f1ea;
  --ss-paper: #faf8f4;
  --ss-ink: #2d344c;
  --ss-gold: #c9a56c;
  --ss-gold-dark: #a77e46;
  --theme-light-background-secondary: var(--ss-pearl);
}
html.light, html.light body, html.light #root {
  background-color: var(--ss-pearl) !important;
  color: var(--ss-ink);
}
body, button, input, textarea, select {
  font-family: Jost, system-ui, sans-serif !important;
}
h1, h2 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  letter-spacing: .01em;
}
html.light aside, html.light nav, html.light [role='navigation'],
html.light [role='dialog'], html.light [role='menu'] {
  background-color: var(--ss-paper) !important;
  color: var(--ss-ink);
}
[data-testid='workspace-dropdown'] {
  border-bottom: 1px solid rgba(201, 165, 108, .4);
  border-radius: 8px;
}
html.light [aria-current='page'], html.light [role='tab'][aria-selected='true'] {
  color: #765320 !important;
  background-color: #f1e6d5 !important;
}
input[type='checkbox'], input[type='radio'] { accent-color: var(--ss-gold-dark); }
button:focus-visible, a:focus-visible, input:focus-visible,
textarea:focus-visible, select:focus-visible {
  outline: 2px solid var(--ss-gold-dark) !important;
  outline-offset: 2px;
}
::selection { color: var(--ss-ink); background: #ead9bd; }