/* Ser Sereno identity, layered over Twenty's native theme and components. */
/* Direct font declarations keep third-party stylesheet outages from blocking the CRM. */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3umX5slCNuHLi8bLeY9MK7whWMhyjypVO7abI26QOD_s06GnM.ttf) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3umX5slCNuHLi8bLeY9MK7whWMhyjypVO7abI26QOD_iE9GnM.ttf) format('truetype');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3umX5slCNuHLi8bLeY9MK7whWMhyjypVO7abI26QOD_hg9GnM.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zPtBhPNqw79Ij1E865zBUv7myjJQVG.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zPtBhPNqw79Ij1E865zBUv7myRJQVG.ttf) format('truetype');
}
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v20/92zPtBhPNqw79Ij1E865zBUv7mx9IgVG.ttf) format('truetype');
}

: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; }