.fg7-variant-atelier {
  --fg7-bg: #f5f0e7;
  --fg7-bg-elev: #ffffff;
  --fg7-surface-1: #fffdf8;
  --fg7-surface-2: #ede6da;
  --fg7-surface-3: #dfd5c5;
  --fg7-overlay: rgba(24, 22, 19, .78);
  --fg7-border: #d6c8b3;
  --fg7-border-hi: #a08b66;
  --fg7-border-focus: #b25f45;
  --fg7-text: #2d2417;
  --fg7-text-mute: #5e564c;
  --fg7-text-dim: #85786a;
  --fg7-text-ink: #2f2a1f;
  --fg7-accent: #9a4b2f;
  --fg7-accent-hi: #cc6b4e;
  --fg7-accent-ink: #fff8ee;
  --fg7-accent-soft: rgba(154, 75, 47, .16);
  --fg7-accent-glow: rgba(154, 75, 47, .24);
  --fg7-danger: #d14f47;
  --fg7-ok: #2e8f73;
  --fg7-blue: #4f3f2e;
  --fg7-shadow-1: 0 10px 28px rgba(36, 26, 11, .08);
  --fg7-shadow-2: 0 20px 48px rgba(36, 26, 11, .12);
  --fg7-shadow-hover: 0 22px 46px rgba(36, 26, 11, .18);
  --fg7-font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --fg7-font-serif: "Noto Serif SC", Georgia, "Songti SC", serif;
  --fg7-font-mono: "IBM Plex Mono", Consolas, "Courier New", monospace;
  --fg7-r: 8px;
  --fg7-r-lg: 14px;
  --fg7-r-pill: 999px;
  --fg7-r-sm: 4px;
  --fg7-r-xs: 3px;
  --fg7-card-title: #2d2417;
  --fg7-card-meta-border: #d6c8b3;
  --fg7-nav-text: #2d2417;
  --fg7-nav-text-soft: rgba(45, 36, 23, .72);
  --fg7-nav-text-dim: rgba(45, 36, 23, .52);
  --fg7-nav-action-text: #fff8ee;
  --fg7-blue-ink: #fff8ee;
  --fg7-drawer-bg: #f7f1e6;
  --fg7-drawer-head-bg: #f7f1e6;
  --fg7-drawer-text: #2d2417;
  --fg7-drawer-line: rgba(79, 63, 46, .2);
  --fg7-drawer-hover: rgba(154, 75, 47, .12);
  --fg7-drawer-panel-border: rgba(79, 63, 46, .24);
  --fg7-footer-text: #2d2417;
  --fg7-footer-text-muted: #5e564c;
  --fg7-footer-link: #5e564c;
  --fg7-footer-line: rgba(79, 63, 46, .24);
}

body.fg7-theme.fg7-variant-atelier::before {
  background-image: linear-gradient(135deg, rgba(156, 118, 80, .16) 0%, transparent 45%, rgba(178, 91, 69, .08) 100%);
  opacity: .42;
}

.fg7-theme.fg7-variant-atelier .fg7-nav {
  background: #f7f1e6;
  box-shadow: inset 0 -1px 0 var(--fg7-border-hi);
}

.fg7-theme.fg7-variant-atelier .fg7-brand {
  font-family: var(--fg7-font-serif);
  letter-spacing: -.01em;
}

.fg7-theme.fg7-variant-atelier .fg7-nav__item {
  border-radius: var(--fg7-r);
  color: #3a2f21;
  padding-left: 14px;
  padding-right: 14px;
}

.fg7-theme.fg7-variant-atelier .fg7-nav__item--active,
.fg7-theme.fg7-variant-atelier .fg7-nav__item:hover {
  background: var(--fg7-accent-soft);
  color: var(--fg7-accent);
}

.fg7-theme.fg7-variant-atelier .fg7-nav-search {
  border: 1px solid rgba(160, 139, 102, .4);
  background: #fff;
}

.fg7-theme.fg7-variant-atelier .fg7-nav-search button {
  border-left: 1px solid rgba(160, 139, 102, .32);
  background: var(--fg7-accent);
}

.fg7-theme.fg7-variant-atelier .fg7-shell {
  max-width: 1200px;
}

.fg7-theme.fg7-variant-atelier .fg7-bento {
  gap: 12px;
}

.fg7-theme.fg7-variant-atelier .fg7-bento__tile {
  border: 1px solid var(--fg7-border);
  border-radius: var(--fg7-r-lg);
  box-shadow: none;
}

.fg7-theme.fg7-variant-atelier .fg7-card {
  background: var(--fg7-surface-1);
  border: 1px solid var(--fg7-border);
}

.fg7-theme.fg7-variant-atelier .fg7-card:hover {
  transform: translateY(-3px);
  border-color: var(--fg7-accent-hi);
}

.fg7-theme.fg7-variant-atelier .fg7-card__cover {
  border-bottom: 1px solid rgba(214, 200, 179, .4);
}

.fg7-theme.fg7-variant-atelier .fg7-section__head {
  position: relative;
  padding-bottom: 16px;
}

.fg7-theme.fg7-variant-atelier .fg7-section__head::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(160, 139, 102, .5), transparent);
}

.fg7-theme.fg7-variant-atelier .fg7-section__more {
  border-bottom: 0;
  border-top: 1px solid rgba(160, 139, 102, .35);
  border-left: 1px solid rgba(160, 139, 102, .35);
  border-right: 1px solid rgba(160, 139, 102, .35);
  border-radius: 999px;
  padding-left: 12px;
  padding-right: 12px;
}

.fg7-theme.fg7-variant-atelier .fg7-footer {
  background: linear-gradient(180deg, #fcf7ed, #f2eadc);
}