:root {
  /* Core palette: cream canvas, yellow actions, black ink, playful accents. */
  --sf-paper: #FBF7EE;
  --sf-yellow: #FFCF3C;
  --sf-ink: #000000;
  --sf-purple: #9C72FF;
  --sf-blue: #01ACFB;
  --sf-pink: #FF668B;
  --sf-red: #D93425;
  --sf-surface: #F1F1F1;

  /* Soft surfaces and darker text companions retain readable contrast. */
  --sf-yellow-soft: #FFF0B8;
  --sf-lilac: #E7DDFF;
  --sf-blue-soft: #DDF4FF;
  --sf-pink-soft: #FFD7E2;
  --sf-body: #303030;
  --sf-muted: #4D4D4D;
  --sf-on-dark-muted: #F1F1F1;
  --sf-link: #6032AB;
}