body[data-theme="cecile"] {
  --page-bg: #f1ece5;
  --page-bg-image: linear-gradient(180deg, #f7f2ec 0%, #efe7dd 100%);
  --page-text: #241b15;
  --card-bg: #fffdfb;
  --card-border: rgba(74,55,38,.08);
  --card-shadow: 0 20px 56px rgba(61,44,31,.14);
  --hero-bg: #e8ddd0;
  --hero-height: 226px;
  --shell-width: 438px;
  --card-radius: 4px;
  --card-body-padding: 36px 32px 30px;
  --brand-font: Georgia, "Times New Roman", serif;
  --body-font: Arial, Helvetica, sans-serif;
  --ornament-color: #998673;
  --brand-color: #2c1f16;
  --tagline-color: #9a8b7a;
  --muted: #8b7e70;
  --headline-color: #2c1f16;
  --accent: #2a1f14;
  --accent-hover: #3a2b1f;
  --field-bg: #fdfbfa;
  --field-border: rgba(52,37,25,.12);
  --field-focus: rgba(42,31,20,.08);
  --divider-color: rgba(152,132,112,.22);
  --success-ring: rgba(152,132,112,.2);
  --success-bg: #f8f4ef;
  --footer-color: rgba(120,105,89,.78);
  --brand-name-size: 1.92rem;
  --brand-name-spacing: .34em;
  --tagline-size: .72rem;
  --tagline-spacing: .28em;
  --headline-size: 1.2rem;
  --button-radius: 2px;
  --button-spacing: .14em;
  --checkbox-accent: #2a1f14;
  --success-icon-size: 56px;
  --success-icon-mark-size: 22px;
}

body[data-theme="cecile"] .brand-name,
body[data-theme="cecile"] .success-title,
body[data-theme="cecile"] .headline {
  text-transform: none;
}