@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;600;700&display=swap');

html[data-template-theme="sedia"] {
  --page-bg: #eef0ec;
  --panel-bg: rgba(255, 255, 255, 0.94);
  --panel-border: rgba(85, 87, 89, 0.12);
  --text-main: #555759;
  --text-subtle: #7b7d80;
  --link: #8b930d;
  --link-hover: #6f7608;
  --backdrop: rgba(35, 38, 32, 0.66);
  --modal-bg: #ffffff;
  --modal-shadow: 0 32px 80px rgba(46, 50, 40, 0.22);
  --modal-border: rgba(85, 87, 89, 0.16);
  --radius: 0px;
}

html[data-template-theme="sedia"],
html[data-template-theme="sedia"] body {
  font-family: 'Source Sans 3', 'Source Sans Pro', 'Source Sans', sans-serif;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0) 24%),
    linear-gradient(180deg, #f4f5f2 0%, #e8ebe5 100%);
}

html[data-template-theme="sedia"] .eyebrow {
  color: #8b930d;
}

html[data-template-theme="sedia"] h1 {
  font-weight: 300;
  letter-spacing: -0.05em;
}

html[data-template-theme="sedia"] .lede,
html[data-template-theme="sedia"] .panel-copy,
html[data-template-theme="sedia"] .configurator-meta,
html[data-template-theme="sedia"] .modal-subtitle,
html[data-template-theme="sedia"] .empty-state {
  color: var(--text-subtle);
}

html[data-template-theme="sedia"] .panel {
  border-radius: 0;
  border-color: #d7d9dc;
  box-shadow: 0 16px 40px rgba(85, 87, 89, 0.08);
}

html[data-template-theme="sedia"] .configurator-item {
  border-radius: 0;
  border-color: #d7d9dc;
  background: #ffffff;
}

html[data-template-theme="sedia"] .configurator-name,
html[data-template-theme="sedia"] .panel-title,
html[data-template-theme="sedia"] .modal-title {
  color: #555759;
}

html[data-template-theme="sedia"] .configurator-link {
  color: #8b930d;
}

html[data-template-theme="sedia"] .configurator-link:hover,
html[data-template-theme="sedia"] .configurator-link:focus-visible {
  color: #6f7608;
}

html[data-template-theme="sedia"] .configurator-link:focus-visible,
html[data-template-theme="sedia"] .modal-close:focus-visible {
  outline-color: rgba(162, 170, 15, 0.35);
}

html[data-template-theme="sedia"] .modal-window {
  border-radius: 0;
  border-color: #d7d9dc;
}

html[data-template-theme="sedia"] .modal-header {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 242, 243, 0.98));
  border-bottom-color: #d7d9dc;
}

html[data-template-theme="sedia"] .modal-close {
  background: rgba(85, 87, 89, 0.06);
  color: #555759;
}

html[data-template-theme="sedia"] .modal-close:hover {
  background: rgba(85, 87, 89, 0.12);
}

html[data-template-theme="sedia"] .modal-body {
  background: #f8f9f7;
}