:root[data-theme="sakura"] {
  color-scheme: light;
  --color-canvas: #fff7f8;
  --color-surface: #fffdfd;
  --color-surface-strong: #ffffff;
  --color-text: #3f3038;
  --color-muted: #7f6973;
  --color-border: #ead8df;
  --color-primary: #d35d7d;
  --color-primary-hover: #b94c6b;
  --color-secondary: #8761b8;
  --color-secondary-hover: #704c9f;
  --color-accent-soft: #fde8ee;
  --color-danger: #b54251;
  --color-danger-soft: #fdecef;
  --color-success: #4f8b63;
  --color-success-soft: #ebf5ed;
  --color-panel: rgba(255, 253, 253, 0.96);
  --color-panel-border: #eedce3;
  --color-body-glow: rgba(239, 151, 177, 0.17);
  --color-focus-ring: rgba(211, 93, 125, 0.18);
  --color-focus-border: rgba(211, 93, 125, 0.56);
  --color-code-bg: rgba(211, 93, 125, 0.08);
  --color-quiet-hover: rgba(211, 93, 125, 0.07);
  --color-icon-bg: rgba(211, 93, 125, 0.1);
  --color-note-bg: #fff5f7;
  --color-empty-bg: #fff1f4;
  --color-dialog-shadow: rgba(82, 50, 64, 0.2);
  --color-backdrop: rgba(66, 45, 54, 0.42);
  --color-sidebar: #fffafb;
  --color-sidebar-active: #fde9ef;
  --color-sidebar-border: #ead9df;
  --shadow-panel: 0 12px 34px rgba(126, 76, 95, 0.08);
  --theme-background: radial-gradient(circle at 82% 4%, rgba(244, 166, 190, 0.17), transparent 34rem);
}