.theme-flat-terracotta { --cover-bg: var(--bg); --aside-bg: var(--bg); --aside-text: var(--primary); --title-color: var(--primary); --radius: var(--r, 20px); }
.theme-flat-terracotta .inv-main, .theme-flat-terracotta .sec { background: var(--bg); }
.theme-flat-terracotta .sec-alt { background: var(--surface); }
.theme-flat-terracotta .sec-title { font-family: var(--names-font, var(--font-script)); font-weight: var(--names-weight, 400); font-size: var(--title-size, 42px); }
.theme-flat-terracotta .sec-sub { letter-spacing: .26em; }
.theme-flat-terracotta .host-name, .theme-flat-terracotta .closing .names { font-family: var(--names-font, var(--font-script)); font-weight: var(--names-weight, 400); color: var(--primary); }
.theme-flat-terracotta .host-photo { border-radius: var(--photo-r, 28px); border: 0; box-shadow: 0 20px 40px -26px rgb(0 0 0 / .45); }
.theme-flat-terracotta .host-photo.ph { background: color-mix(in srgb, var(--primary) 12%, var(--surface)); color: var(--primary); }
.theme-flat-terracotta .card, .theme-flat-terracotta .wish, .theme-flat-terracotta .field { background: var(--card, var(--surface)); border: 1px solid color-mix(in srgb, var(--primary) 12%, transparent); box-shadow: 0 18px 36px -30px rgb(0 0 0 / .45); }
.theme-flat-terracotta .sec-alt .card, .theme-flat-terracotta .sec-alt .wish { background: var(--bg); }
.theme-flat-terracotta .btn-open, .theme-flat-terracotta .btn { border-radius: var(--btn-r, 999px); background: var(--primary); color: var(--on-primary); box-shadow: none; animation: none; font-weight: 600; }
.theme-flat-terracotta .btn-outline { background: transparent; color: var(--primary); box-shadow: inset 0 0 0 1.5px var(--primary); }
.theme-flat-terracotta .cd { background: var(--surface); color: var(--primary); border-radius: 16px; border: 1px solid color-mix(in srgb, var(--primary) 15%, transparent); }
.theme-flat-terracotta .gift { background: linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 65%, #000)); }
.theme-flat-terracotta .amp { font-family: var(--names-font, var(--font-script)); color: var(--accent); }
.theme-flat-terracotta .inv-aside h1 { font-family: var(--names-font, var(--font-script)); font-weight: var(--names-weight, 400); }
.theme-flat-terracotta { --names-font: var(--font-heading); --names-weight: 600; --names-size: 44px; --title-size: 34px; --r: 8px; --photo-r: 999px 999px 12px 12px; }