:root {
  --c03-r2-color-background: #FFF6E7;
  --c03-r2-color-surface: #F2B8C8;
  --c03-r2-color-ink: #263C35;
  --c03-r2-color-accent-primary: #8C2F54;
  --c03-r2-color-accent-secondary: #C7DACC;
  --c03-r2-color-action-fill: #263C35;
  --c03-r2-color-action-ink: #FFF6E7;
  --c03-r2-color-muted-ink: #59685C;
  --c03-r2-color-control-border: #6E7F72;

  --c03-r2-font-display: "Bodoni Moda", Georgia, serif;
  --c03-r2-font-body: "Manrope", Arial, sans-serif;
  --c03-r2-font-display-weight: 700;
  --c03-r2-font-display-optical-size-phone: 24;
  --c03-r2-font-display-optical-size-desktop: 48;
  --c03-r2-font-wordmark-weight: 800;
  --c03-r2-font-wordmark-optical-size: 12;
  --c03-r2-font-display-weight-range: 400 900;
  --c03-r2-font-display-optical-size-range: 6 96;
  --c03-r2-font-body-weight: 400;
  --c03-r2-font-label-weight: 500;
  --c03-r2-font-control-weight: 600;
  --c03-r2-font-body-weight-range: 200 800;

  --c03-r2-h1-size-phone: 46px;
  --c03-r2-h1-line-phone: 48px;
  --c03-r2-h1-size-desktop: 80px;
  --c03-r2-h1-line-desktop: 82px;
  --c03-r2-body-size-phone: 17px;
  --c03-r2-body-line-phone: 26px;
  --c03-r2-body-size-desktop: 18px;
  --c03-r2-body-line-desktop: 28px;
  --c03-r2-control-size: 17px;
  --c03-r2-control-line: 22px;
  --c03-r2-control-min-target: 44px;
  --c03-r2-control-min-gap: 8px;
}