/* Generated from design.toml */
[data-design="garden-supper"], [data-design="garden-supper"][data-palette="forest"] { --card-paper: #FBF8F1; --card-ink: #23302A; --card-soft: #5E6A62; --card-accent: #2F4A3A; --card-detail: #8A2E3B; --liner-a: #2F4A3A; --liner-b: #E9E1CF; }
[data-design="garden-supper"][data-palette="claret"] { --card-paper: #FBF8F1; --card-ink: #2E2326; --card-soft: #6B5A5E; --card-accent: #7A2836; --card-detail: #2F4A3A; --liner-a: #7A2836; --liner-b: #EFE4D6; }
[data-design="garden-supper"][data-palette="slate"] { --card-paper: #F9F8F4; --card-ink: #22282E; --card-soft: #59626B; --card-accent: #34495E; --card-detail: #A8743A; --liner-a: #34495E; --liner-b: #E7E3D8; }
[data-design="garden-supper"], [data-design="garden-supper"][data-fonts="cormorant-pinyon"] { --card-text: "Cormorant Garamond", "Iowan Old Style", Georgia, serif; --card-display: "Pinyon Script", "Snell Roundhand", "Apple Chancery", cursive; }
[data-design="garden-supper"][data-fonts="eb-garamond-italianno"] { --card-text: "EB Garamond", Garamond, Georgia, serif; --card-display: Italianno, "Snell Roundhand", "Apple Chancery", cursive; }
[data-design="garden-supper"][data-fonts="libre-caslon-pinyon"] { --card-text: "Libre Caslon Text", "Big Caslon", Georgia, serif; --card-display: "Pinyon Script", "Snell Roundhand", "Apple Chancery", cursive; }

/* Garden Supper. Sizes use cqw (percent of card width) so the card scales as one piece.
   Colors and fonts come from design.toml: --card-paper, --card-ink, --card-soft,
   --card-accent, --card-detail, --card-text and --card-display. */

[data-design="garden-supper"] { --gs-rule: color-mix(in srgb, var(--card-accent) 55%, transparent); }

[data-design="garden-supper"] .gs-frame { position: absolute; inset: 0; }
[data-design="garden-supper"] .gs-frame::before,
[data-design="garden-supper"] .gs-frame::after { content: ""; position: absolute; pointer-events: none; }
[data-design="garden-supper"] .gs-frame::before { inset: 4.4cqw; border: max(1px, .28cqw) solid var(--gs-rule); }
[data-design="garden-supper"] .gs-frame::after { inset: 5.6cqw; border: max(.5px, .12cqw) solid var(--gs-rule); opacity: .75; }

[data-design="garden-supper"] .gs-content {
  position: absolute; inset: 8.6cqw 8.4cqw;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center;
  color: var(--card-ink);
}
[data-design="garden-supper"] .gs-content p { margin: 0; }

[data-design="garden-supper"] .gs-sprig { flex: none; width: 34cqw; height: auto; color: var(--card-accent); margin-bottom: 3cqw; }
[data-design="garden-supper"] .gs-berry { fill: var(--card-detail); }
[data-design="garden-supper"] .gs-kicker { font: italic 400 5cqw/1.2 var(--card-text); color: var(--card-soft); }
[data-design="garden-supper"] .gs-content .gs-title {
  margin-top: 1cqw;
  font: 500 6.6cqw/1.15 var(--card-text);
  letter-spacing: .17em; padding-left: .17em;
  text-transform: uppercase;
}
[data-design="garden-supper"] .gs-content .gs-honor { margin-top: 4cqw; font: italic 400 4.2cqw/1.3 var(--card-text); color: var(--card-soft); }
[data-design="garden-supper"] .gs-content .gs-names { margin-top: 1cqw; font: 400 13.6cqw/1.08 var(--card-display); color: var(--card-accent); }
[data-design="garden-supper"] .gs-rule { flex: none; width: 30cqw; height: auto; margin: 3cqw 0; color: var(--card-accent); opacity: .7; }
[data-design="garden-supper"] .gs-when,
[data-design="garden-supper"] .gs-place { font: 500 4.3cqw/1.38 var(--card-text); }
[data-design="garden-supper"] .gs-content .gs-place { margin-top: 2.6cqw; font-variant: small-caps; letter-spacing: .05em; }
[data-design="garden-supper"] .gs-content .gs-reply { margin-top: 5cqw; font: italic 400 3.8cqw/1.3 var(--card-text); color: var(--card-soft); }